CS4521:   Mobile and Topics in Web Programming

Icons and Launch Images

 

Application Icon

Icon is what appears as the logo/ you see in your device that you click on to start your application

Device Application icon size
iPhone/iPod touch without Retina dispaly 57x57 pixels
iPhone/iPod touch with Retina display 114x114 pixels
iPad 72x72 pixels

Add to your Application bundle as Resources

  1. Open your Application Project in XCode.
  2. Select Main Project Folder in the Project Navigator on the Left
  3. You will see in center Editor area Under Targets the Project Name
  4. This will bring up options for the application, including orientation, App Icons and LaunchImages
  5. FIND IMAGE on your Computer and drag it (literally) to the app icon area in the Editor window of XCode below

adding icons, launch images, setting orientation,etc.

 

 

 

Launch Images

This image appears while the applicaiton is loading --without it you see a blank screen.

  • Use it to tell user application is loading and to convey the user interface.
Device Application icon size
iPhone/iPod touch without Retina dispaly 320x480 pixels
iPhone/iPod touch with Retina display 640x960 pixels
iPad 1024x768 pixels

XCode will take a screenshot of your app for Launch use IF YOU HAVE INSTALLED ON A DEVICE

  1. Build and Run ON A DEVICE

  2. Open Organizer in XCOde and locate device from device list.

  3. Underneath device select screenshots - New

  4. Will create image there that you can then put as launch image in your application

Add to your Application bundle as Resource

see steps above how to do for App Icon --same process

 

 

 

© Lynne Grewe