Intro to the Xcode IDE and the iOS SDK CSE 391 Fall 2012 Tony Scarlatos.

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.