Go iOS launcher diagram and app icon

Source: Internet
Author: User
Tags home screen

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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.