Go iOS launcher diagram and app icon

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

1. The specification and description of the icon;
2. Start the picture specification and description;
3. Add footage Walkthrough;
4. 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

1. The file name of the icon file must be in strict accordance with the settings in the above table;
2. 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;
3. 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;
4. 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