Set Application icons and boot screens

Source: Internet
Author: User

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
    1. Icon specifications and descriptions;
    2. Enable image specifications and descriptions;
    3. Add a material drill;
    4. 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:

    1. The file name of the icon file must be strictly set in the above table;
    2. 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;
    3. 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;
    4. 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! :]

 

 

 

 

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.