A good app icon will not only give the user a good first impression, but also help the user to quickly discover your application in the vast number of desktop icons. This article will show you how to add a well-designed icon and launch image to our app.
Outline
- The specification and description of the icon;
- Start the picture specification and description;
- Add footage Walkthrough;
- Sets the start picture display time.
I. Icon specifications and Descriptions
The names and specifications of the icons in iOS are shown in the following table:
Serial number |
Filename |
Specifications |
Description |
Note |
1 |
Itunesartwork |
512 * 512 |
Use when publishing to the App Store |
Options available |
2 |
Icon.png |
57 * 57 |
Iphone/ipod's Home screen icon |
Must provide |
3 |
[Email protected] |
114 * 114 |
Home screen icons for IPhone 4 |
Options available |
4 |
Icon-72.png |
72 * 72 |
Home screen icons for ipad |
Options available |
5 |
Icon-small.png |
29 * 29 |
Iphone/ipod display in Search bar and settings The ipad is displayed in the settings |
Options available |
6 |
[Email protected] |
58 * 58 |
IPhone 4 Search bar and settings display |
Options available |
7 |
Icon-small-50.png |
50 * 50 |
ipad Search bar, show in |
Options available |
Description
- The file name of the icon file must be in strict accordance with the settings in the above table;
- If only a picture named "Icon.png", the system will be based on the size of the actual need to scale it, but in view of the actual display effect, it is best to follow the specifications in the table above to make the first 4 of the icon file;
- If the application allows users to make certain settings in the settings of the phone, it is best to provide all of the above 7 icons;
- If you're making an app that runs only on ipad, you only need to provide 1, 4, 5, and 74 files from the table above.
Two. Start picture specifications and instructions
1. iphone App launch picture spec sheet:
Serial number |
Filename |
Specifications (with status bar) |
Specifications (Full screen) |
Description |
1 |
Default.png |
320 * 460 |
320 * 480 |
Low-resolution screen usage |
2 |
[Email protected] |
640 * 920 |
640 * 960 |
High-resolution screen usage |
Note: The iphone's boot image is not direction-sensitive, that is, it does not adjust orientation as the device orientation adjusts itself.
2. ipad app Launch picture spec sheet:
Serial number |
Filename |
Specifications (with status bar) |
Specifications (Full screen) |
Description |
1 |
Default-portrait.png |
768 * 1004 |
768 * 1024 |
Vertical screen start picture |
2 |
Default-landscape.png |
1024 * 748 |
1024 * 768 |
Horizontal screen start picture |
Three. Add footage walkthrough
In previous versions of Xcode, adding icons and starting pictures was a bit of a hassle, and Apple added a high-gloss effect to the icons by default, but for art, the highlight effect was often less than expected. In Xcode 4.3.2, everything becomes a lot easier.
1. Prepare the material, and follow the conventions in the table above to name the pictures of different specifications and store them in one folder;
2. Drag the folder of the footage file from the Finder to the project, and the window shown will pop up and click the "Finish" button;
3. If you do not want to use the icon default highlight effect, you can click on the navigation area of the project name, and then click on the "TARGETS" under the project name, tick the "App Icons" Edge of "prerendered", as shown:
Tip: For the existing icon file or start the image, if you want to replace, do not directly to the new picture file to Xcode inside drag, directly in the Finder copy can. :]
Four. Set the start picture display time
So far, the basic work has been done. But when you run the app, you'll find that it's a very short time to start displaying pictures! So how do you set the display time for iOS boot images? Because we really do not want to let the graphic design of the image is so fleeting. In addition, we can also do some other things when displaying the start picture, for example: play a small piece of audio, to attract the user's attention.
1. Click and open the "APPDELEGATE.M" file in the navigation area;
2. Find
1-(BOOL) Application: (UIApplication *) application didfinishlaunchingwithoptions: (Nsdictionary *) launchOptions2 {3 //Override point for customization after application launch.4 return yes;5}
3. Add a sentence [nsthreadsleepfortimeinterval:5]; As shown below:
1-(BOOL) Application: (UIApplication *) application didfinishlaunchingwithoptions: (Nsdictionary *) launchOptions2 {3 //Override point for customization after application launch.4 [Nsthread sleepfortimeinterval:5];5 6 return yes;7}
Description: Now, you can according to the actual need to set the starting picture to stay time, everything is so simple! :]
Go iOS launcher diagram and app icon