Intro to the Xcode IDEand the iOS SDK

CSE 391 Fall 2012Tony Scarlatos

iOS Application Templates• Master Detail

– Used to be called the table view app– Links multiple views through a list-like structure and a navigation bar at the top

• Open GL Game• Page-Based Application

– The new multiple view controller that uses a cool page flip transition• Single View

– The most basic template that provides the files for a single screen application• Tabbed App

– Supports applications with up to five screens linked by a tab bar• Utility app

– A template for a two screen app with a main view and a flip side view

Application templates

Master Detail template

Single View application

Tabbed application

Utility application

App Icons and Launch Images

App Icon and Launch Image Sizes• App Icons (.png):

– 57 X 57 pixels for iPhone– 114 X 114 pixels for iPhone Retina display (also iPhone 5)– 120 X 120 pixels for iOS 7 retina display

– 72 X 72 for iPad– 144 X 144 for iPad high resolution display– 152 X 152 for iPad iOS 7 high resolution

• Launch images (.png):– 320 X 480 pixels for iPhone– 640 X 960 pixels for iPhone Retina display– 640 X 1136 pixels for iPhone 5

– 768 X 1004 pixels (portrait) for iPad– 1536 X 2008 pixels (portrait) for iPad high-resolution display

– 1024 X 748 pixels (landscape) for iPad– 2048 X 1496 pixels (landscape) for iPad high resolution display

Use the start screen of your application for the launch image. Use the File > Save Screen Shot command in the iOS simulator.

CodeSense

Selecting something in the code window will display its parameters in the utility window.

CodeSense

Option-click on a class in the code window and a pop-up will display its methods and properties.

Assistant Editor

Control-click an object in the Interface Builder and drag a connection into the header file.