Defining icons and images for iOS development

When we develop apps for iOS devices, we must provide specifically formatted icon and splash screen images. Because of the different orientations (portrait and landscape) and screen sizes, several different versions of each image (icon and splash screen) are required.

Getting ready

You will require software to create the original graphics as well as to export them in the proper sizes.

How to do it...

The icons and images for iOS development are defined using the following steps:

1. Select the Standalone Application Settings... option from the File drop-down menu.
   
2. Click on the icon in the top row of the Standalone Application Settings dialog box.
   
3. Ensure that the checkbox next to the iOS build option is checked. Once you select this option, a checkmark will appear in the box and the remaining options will be editable. Until you select this option, all options are disabled. Also, once you indicate that you will be saving mobile versions, any selected desktop deployment options will be deselected automatically.
   
4. Use the … buttons to the right of each icon / splash screen entry to upload your images.
   
5. Ensure that your icon images have been exported with the following pixel dimensions:

   Icon	Image size
   iPhone	57 x 57
   Hi-Res iPhone	114 x 114
   iOS 7 Hi-Res iPhone	120 x 120
   iPad	72 x 72
   Hi-Res iPad	144 x 144
   iOS 7 iPad	76 x 76
   iOS 7 Hi-Res iPad	156 x 156

6. Ensure that your splash screen images have been exported with the following dimensions:

   Splash screen	Image size
   iPhone	320 x 480
   Hi-Res iPhone	640 x 960
   4 Inch iPhone	640 x 1136
   iPad Portrait	768 x 1024
   iPad Landscape	1024 x 768
   Hi-Res iPad Portrait	1536 x 2048
   Hi-Res iPad Landscape	2048 x 1536

How it works...

Pointing the file-selection window to each specific icon and splash screen is easy work. If you attempt to upload an image that does not have the correct dimensions, LiveCode will present you with an error message. The files you select are embedded in your app's binary and are used when uploading it to the App Store.

There's more...

If you only enable one orientation, you will not be required to upload images to support the other orientation. For example, if your mobile app only supports the portrait orientation, you do not need to upload landscape splash screens.

See also

• The Setting up your mobile environment for iOS development recipe
• The Defining icons and images for Android development recipe