Book Image

LiveCode Mobile Development Cookbook

By : Dr. Edward Lavieri
Book Image

LiveCode Mobile Development Cookbook

By: Dr. Edward Lavieri

Overview of this book

Table of Contents (17 chapters)
LiveCode Mobile Development Cookbook
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

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