iphone app

1. Sequence for iPhone
Development
Design for Mobile Devices
Fall 2010
University of Baltimore

2. Create a Project
• XCode:
• File…New Project
– iPhone OS
– Window Based Application
– Name Project File

3. Create the User Interface
• Interface Builder:
– View MainWindow.xib
– Open under Tools
• Library
• Inspector
– Drag UI objects to the Window
– Set attributes

4. Create the Controller Class
• XCode:
– File…New File
– Class: Cocoa Touch Class
– Subclass: NSObject
Two file are created:
Controller.h -> holds instance variables
Controller.m -> source file of methods to run App

5. Create Instance Variables
• XCode:
– Controller.h -> declare variables

6. Create Controller Object
• Interface Builder:
– MainWindow.mib
– Library
• Drag Object to mainWindow.mib
– Inspector
• Choose identity tab
– Change NSObject to Controller

7. 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

8. Write Source Methods
• XCode:
– Controller.m
1. awakeFromNib
2. calculateTip

9. Run iPhone Simulator

10. Create iPhone App Icon (1)
• Clear old icons from iPhone Simulator
– Finder…Library … Application Support … iPhone Simulator
– Drag iPhone Simulator to trash

11. Create iPhone App Icon (2)
• Create a 57 x 57 .png file

12. 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

13. Create iPhone App Icon (4)
• Add to Property list
– Click on Info.plist
– Enter name of icon file to plist

14. 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.