Splash Screen: Launchscreen.xib file
Desktop icons and other related apps pictures: images.xcassets
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;
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 *)launchOptions
2 {
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 *)launchOptions
2 {
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!
iTunes artwork icon ─────────────────────────512PX (90px)
App icon (iPhone4) ──────────────────────────114px (20px)
App icon (iPhone 3g/3gs) ─────────────────────57px (10px)
spotlight/settings icon icon (iPhone 3g/3gs/ipad) ────29px (9px)
Picture Size (px) |
Filename |
Use |
Degree of importance |
512x512 |
Itunesartwork |
Show in ITunes Store |
No, we recommend it. |
57x57 |
Icon.png |
The App Store and home interface on Iphone/ipod touch |
This really is. |
114x114 |
[Email protected] |
IPhone 4 (High resolution) Home interface |
No, we recommend it. |
72x72 |
Icon-72.png |
ipad-compatible Home interface |
No, we recommend it. |
29x29 |
Icon-small.png |
Spotlight Search and Setup interface |
No, we recommend it. |
50x50 |
Icon-small-50.png |
ipad-compatible Spotlight Search |
If there is a set bundle, it is best to have |
58x58 |
[Email protected] |
IPhone 4 (high resolution) Spotlight Search and Setup interface |
If there is a set bundle, it is best to have |
The first one, the itunesartwork, must be in PNG format, but no suffix is allowed.
Apps designed for ipad
Picture Size (px) |
Filename |
Use |
Degree of importance |
512x512 |
Itunesartwork |
Show in ITunes Store |
No, we recommend it. |
72x72 |
Icon-72.png |
The home interface on the APP store and ipad |
This really is. |
29x29 |
Icon-small.png |
The Setup interface on the ipad |
If there is a set bundle, it is best to have |
50x50 |
Icon-small-50.png |
ipad-compatible Spotlight Search |
No, we recommend it. |
Itunesartwork Ibid.
Apps for IPhone and ipad
Picture Size (px) |
Filename |
Use |
Degree of importance |
512x512 |
Itunesartwork |
Show in ITunes Store |
No, we recommend it. |
57x57 |
Icon.png |
The App Store and home interface on Iphone/ipod touch |
This really is. |
114x114 |
[Email protected] |
IPhone 4 (High resolution) Home interface |
No, we recommend it. |
72x72 |
Icon-72.png |
The App Store on ipad and the home screen |
No, we recommend it. |
29x29 |
Icon-small.png |
ipad and iphone Setup interface and iphone's Spotlight search interface |
No, we recommend it. |
50x50 |
Icon-small-50.png |
Spotlight Search Interface on ipad |
No, we recommend it. |
58x58 |
[Email protected] |
IPhone 4 (high resolution) Spotlight Search and Setup interface |
If there is a set bundle, it is best to have |
Info.plist file
Now you know what's going on--right, set up the plist file. First, all the icon files are named and added to the resources of the project.
Add an icon file field in the. plist
Add the Icon Files field, add the sub-fields for icon file, and that is the icons required.
Ps: If you only provide some necessary files, the remaining files iphone will be generated for you.
Update: Now do not provide iPhone4 must icon [email protected], will not pass the App Store audit, so, now [email protected] is also necessary.
To live.
iOS8 xcode6 Settings and icon settings under the Start screen