iPhone Programming [7/17] : Behind the Scene

Behind The Scenes Dr. Thanisa Kruawaisayawan www.imcinstitute.com

Behind The Scene: HelloWorld (Single View Application)• ViewController is the File’s Owner of ViewController.xib. File’s Owner represents the object that loaded the nib ﬁle from disk and owns this copy of the nib ﬁle. 2

Behind The Scene: HelloWorld (Single View Application)• ViewController has a view linked to View 3

Revisit: iOS Application Life Cycle Souce: http://developer.bada.com/article/A-Comparison-between-iOS-and-bada-Application-Development-Part1 4

main() => UIApplicationMain() • principalClassName • Pass nil when you have no UIApplication subclasses • delegateClassName • Pass a custom class that implements UIApplicationDelegate protocol 5

AppDelegate.h• This class implements UIApplicationDelegate Protocol.• AppDelegate is the delegate of UIApplication object.• AppDelegate has two properties (named “window”, and “viewController”) which are instance of UIWindow and ViewController 6

AppDelegate.m• UIWindow has a property named “rootViewController”, which is now pointed to viewController object. 7

Behind The Scene 8

Behind The Scene window(in AppDelegate) viewController view = 9

Behind The Scene: HelloWorld_Storyboard• ViewController is the File’s Owner of MainStoryboard.storyboard. 10

Behind The Scene: HelloWorld_Storyboard• ViewController has a view linked to View 11

AppDelegate.h• AppDelegate has two properties (named “window”) which are instance of UIWindow. 12

AppDelegate.m 13

HelloWorld_Storyboard-Info.plist 14

Behind The Scene window(in AppDelegate) viewController view = 15

Model-View-Controller (MVC) Design Pattern 16

Model-View-Controller (MVC) Design Pattern• Model (any data in your program) Are separated in such a manner that modifying either the view or• View (what the user sees) model component of your program has no effect on one• Controller (a layer that handles another. all interaction between the view and model) 17

What Files Are In The Project?• Source Files • AppDelegate.h & AppDelegate.m Controller • ViewController.h & ViewController.m View • ViewController.xib / MainStoryboard.storyboard• Supporting Files • HelloWorld-Info.plist • main.m 18

New an Empty Application 19

HelloWorldEmptyWindow 20

AppDelegate.h• AppDelegate has two properties (named “window”) which are instance of UIWindow. 21

AppDelegate.m• Window becomes the Key window and is Visible to the screen 22

Run and See Result• This is a window with white background. 23

AppDelegate.m• Add a label into the window 24

Run and See Result 25

New File > Window > MainWindow.xib 26

MainWindow.xib• Set File’s Owner of MainWindow.xib to Class: UIApplication 27

MainWindow.xib• Drag and drop Object 28

MainWindow.xib• Set Object to Class: AppDelegate 29

MainWindow.xib• Right click at File’s Owner• Link delegate to App Delegate 30

AppDelegate.h• Add IBOutlet in front of UIWindow 31

AppDelegate.m• Comment codes 32

MainWindow.xib• Right click at App Delegate• Link window to Window 33

MainWindow.xib• Drag and drop Label and change text into Hello World 34

HelloWorldEmptyWindow-Info.plist• Add Row > Key: Main nib ﬁle base name and Value: MainWindow 35

Launch the Application 36

Conclusion for HelloWorldEmptyWindow• Create a new xib file • Goto AppDelegate.h and put New File -> Window -> IBOutlet in front of UIWindow MainWindow.xib *window;• Click at Files Owner of • Goto Window.xib again and MainWindow.xib -> change this connect window under Outlets to class to UIApplication Window• Drag and drop an Object under Objects -> select the third tab on • Also in plist file add a row the right -> change this class to Key: Main nib file base name AppDelegate Type: String• Right click at File’s Owner and Value: MainWindow connect delegate to App Delegate 38

MainWindow.xib• Drag and drop Round Rect Button and change text into Say Hello Where to write action code? 39

New an Empty Application 40

HelloWorldEmptyViewController 41

New File > Objective-C class• Apple calls the library to develop UI in iPhone as Cocoa Touch and in Mac as Cocoa. 42

ViewController• Enter Class: ViewController, choose Subclass of UIViewController, and select With XIB for user interface 43

ViewController.xib• File’s Owner of ViewController.xib is Class: ViewController 44

ViewController.xib• Drag and drop label (delete text) 45

ViewController.xib• Drag and drop Round Rect Button (change text to “Say Hello”) 46

ViewController.xib to ViewController.h• Control + Drag from the label in ViewController.xib to ViewController.h 47

ViewController.xib to ViewController.h• Control + Drag from the button in ViewController.xib to ViewController.h 48

ViewController.m• Add code in sayHello method 49

AppDelegate.h• Add codes 50

AppDelegate.m• Add codes 51

Revisit: New File > Objective-C class > ViewController• Enter Class: ViewController, choose Subclass of UIViewController, and forget to select With XIB for user interface 53

New File > View > ViewController1.xib 54

ViewController1.xib• Change File’s Owner of ViewController1.xib to Class: ViewController and Link view of ViewController to View 55

ViewController1.xib• Drag and drop Label and change text to ViewController1 56

AppDelegate.m• Change from ViewController to ViewController1 for initWithNibName 57

References• Boonyanit Mathayomchan, Ph.D., “iPhone Application Development (BASIC)”, 2011• Chotipat Pornavalai, iPhone Basic #1, Mini Master of iOS Application #1• Dave Mark, et.al, “Beginning iOS5 Development: Exploring the iOS SDK”, 2012• Joe Conway & Aaron Hillegass, “iPhone Programming: The Big Nerd Ranch Guide”, 2010 59

http://www.onlydoo.com	5
https://twitter.com	3
http://localhost	2
http://fr.slideshare.net	1
http://vrindavijayan.blogspot.ca	1

iPhone Programming [7/17] : Behind the Scene

by IMC Institute on Jan 15, 2013

Accessibility

Categories

Upload Details

Usage Rights

5 Embeds 12

Statistics

iPhone Programming [7/17] : Behind the Scene Presentation Transcript