Sequence for iPhone Development

Design for Mobile DevicesFall 2010

University of Baltimore

Create a Project

• XCode:• File…New Project– iPhone OS– Window Based Application– Name Project File

Create the User Interface

• Interface Builder:– View MainWindow.xib– Open under Tools• Library• Inspector

– Drag UI objects to the Window– Set attributes

Create the Controller Class

• XCode:– File…New File– Class: Cocoa Touch Class– Subclass: NSObject

Two file are created:Controller.h -> holds instance variablesController.m -> source file of methods to run App

Create Instance Variables

• XCode:– Controller.h -> declare variables

Create Controller Object

• Interface Builder:– MainWindow.mib– Library• Drag Object to mainWindow.mib

– Inspector• Choose identity tab

– Change NSObject to Controller

Connect Objects to Instance Variables

• Interface Builder:– MainWindow.xib– Window– Inspector• Click on connections tab

– Connect Outlets (variables) to Objects (fields, etc)– Connect Actions to Events

• Use Simulator to view actions – no results yet

Write Source Methods

• XCode:– Controller.m

1. awakeFromNib2. calculateTip

Run iPhone Simulator

Create iPhone App Icon (1)

• Clear old icons from iPhone Simulator– Finder…Library … Application Support … iPhone Simulator– Drag iPhone Simulator to trash

Create iPhone App Icon (2)

• Create a 57 x 57 .png file

Create iPhone App Icon (3)

• Save file to Xcode Resources folder– Open Finder, Locate .png file– Open Xcode Resources folder– Drag .png file to Resources file.– A dialog box pops up – check Copy … and Click Add

Create iPhone App Icon (4)

• Add to Property list– Click on Info.plist– Enter name of icon file to plist

Review Steps to Create an iPhone App

1. Create a project in Xcode.2. Create the user interface in Interface Builder (IB).3. Create the controller class in Xcode.4. Create the instance variables in Xcode.5. Create the Controller Object in IB.6. Connect Objects to Instance Variables in IB.7. Write source code in Xcode.8. Test in iPhone Simulator.9. Create app icon.