A good applicationProgramIcons not only give users a good first impression, but also help users quickly discover your applications in the vast variety of desktop icons. This article describes how to add a designed icon and a startup image to our application.
Outline
- Icon specifications and descriptions;
- Enable image specifications and descriptions;
- Add a material drill;
- Set the start image display time.
I. Icon specifications and descriptions
The following table lists the names and specifications of the icons in IOS:
| Serial number |
File Name |
Specification |
Description |
Remarks |
| 1 |
Itunesartwork |
512*512 |
Used for publishing to App Store |
Optional |
| 2 |
Icon.png |
57*57 |
IPhone/iPod home screen icon |
Required |
| 3 |
Icon@2x.png |
114*114 |
IPhone 4 home screen icon |
Optional |
| 4 |
Icon-72.png |
72*72 |
IPad home screen icon |
Optional |
| 5 |
Icon-Small.png |
29*29 |
IPhone/iPod search bar andSetShow IPadSetShow |
Optional |
| 6 |
Icon-Small@2x.png |
58*58 |
IPhone 4 search bar andSetShow |
Optional |
| 7 |
Icon-Small-50.png |
50*50 |
IPad search bar, display in |
Optional |
Note:
- The file name of the icon file must be strictly set in the above table;
- If you only create an image named “icon.png, the system scales the image according to the actual size. However, considering the actual display effect, it is best to make the image according to the specifications listed in the table above.The first four Icon files;
- If the application allows you to perform certain settings in the "Settings" of the mobile phone, it is best to provide all the above seven icons;
- If the created application only runs on the iPad, you only need to provide the four files in the table 1, 4, 5, and 7.
Ii. Launch image specifications and descriptions
1. iPhone application startup image specifications table:
| NO. |
file name |
specification (with status bar) |
specification (full screen) |
description |
| 1 |
default.png |
320*460 |
320*480 |
low-resolution screen use |
| 2 |
Default@2x.png |
640*920 |
640*960 |
high-resolution screen usage |
Note:: The start image of the iPhone is not in different directions, that is, the orientation will not be adjusted along with the device direction.
2. iPad app startup image spec sheet:
| Serial number |
File Name |
Specifications (with status bar) |
Specification (full screen) |
Description |
| 1 |
Default-Portrait.png |
768*1004 |
768*1024 |
Portrait screen start Image |
| 2 |
Default-Landscape.png |
1024*748 |
1024*768 |
Landscape screen start Image |
3. Add a material Drill
In earlier versions of xcode, adding icons and starting images is relatively troublesome, and Apple adds a highlight effect to the icons by default. However, for artists, this highlight Effect often fails to meet expectations. In xcode 4.3.2, everything is much simpler.
1. Prepare materials, name images of different specifications according to the conventions in the preceding table, and store them in a single folder;
2. Drag the folder of the clip file from the Finder to the project. In the displayed window, click "finish;
3. if you do not want to use the default highlight effect of the icon, click the project name in the navigation area, click the project name under "targets", and select "prerendered" next to "app icons, as shown in:
Tips: If you want to replace an existing icon file or startup image file, do not drag the new image file into xcode and copy it directly in the finder. :]
4. Set the start image display time
So far, the basic work has been completed. However, when running an application, you will find that the image startup time is very short! So how do I set the display time of the IOS startup image? Because we really don't want the pictures carefully designed by the artist to flash away. In addition, we can do other things when displaying the start image, such as playing a short piece of audio to attract the user's attention.
1. click in the navigation area and open the "appdelegate. m" file;
2. Find
1-(Bool) Application :( uiapplication *) Application didfinishlaunchingwitexceptions :( nsdictionary *) Launchoptions2 {3//Override point for customization after application launch.4ReturnYes;5}
3. add a sentence to it.[Nsthreadsleepfortimeinterval:5]; As follows:
1-(Bool) Application :( uiapplication *) Application didfinishlaunchingwitexceptions :( nsdictionary *) Launchoptions2 {3//Override point for customization after application launch.4[Nsthread sleepfortimeinterval:5];56ReturnYes;7}
Note: Now, you can set the time to start the image as needed. Everything is so easy! :]