Beginning iOS6 Development CH06 Multiview Applications

Multiview Applications

[email protected] Applications

Types of Multiview Apps

• Utility Applications

• Tab bar applications

• Navigation-based applications

• Toolbar applications


Utility Applications

• A utility application focuses primarily on a single view but offers a secondview that can be used to configure the application or to provide more detail than the primary view

−The Stocks application that ships with iPhone has two views: one to display the data and another to configure the stock list


Tab bar applications

• A tab bar application is a multiviewapplication that displays a row of buttons, called the tab bar, at the bottom of the screen. Tapping one of the buttons causes a new view controller to become active and a new view to be shown. such as The Phone application


Navigation-based applications

• The navigation-based application features a navigation controller that uses a navigation bar to control a hierarchical series of views.

– The navigation controller keeps track of how deep you go and gives you a control to let you make your way back to the previous view.


Toolbar applications

• Some applications make use of a toolbar.

• Tab bar vs. Toolbar

– A tab bar is used for selecting one and only one option from among two or more.

– A toolbar can hold buttons and certain other controls, but those items are not mutually exclusive.


The Architecture of a Multiview Application

• S


The Root Controller

• The root controller is the primary view controller for the application.

• It is the first controller the user sees and the controller that is loaded when the application loads.


Anatomy of a Content View

• Each content view generally consists of up to three pieces:

• The view controller.

• The nib.

• Subclass of UIView.


UINavigationController

• Create a new project using the Empty Application project template


Creating View Controller and Nib Files

• Create a new Objective-C Class BIDSwitchViewController.– File ➤ New ➤ File, select Cocoa Touch from the left

pane, select Objective-C Class.

• 2 more and name them BIDBlueViewController & BIDYellowViewController.

• Create a nib file for each of the content views.– File ➤ New ➤ File, select User Interface from the left

pane, select View.(SwitchView.xib, BlueView.xib YellowView.xib)


Modifying the App Delegate

• In BIDAppDelegate.h:

• In BIDAppDelegate.m:


Modifying the App Delegate


Modifying BIDSwitchViewController.h


Adding a View Controller

• Change File’s Owner Class field from NSObjectto BIDSwitchViewController.

– SwitchView.xib


Building a View with a Toolbar

• Drag a toolbar onto the view, rename its button title to Switch Views.

• control-drag from it over to the File’s Owner icon and select the switchViews: action.

– make sure you have the button rather than the toolbar selected.


Writing the Root View Controller

• In BIDSwitchViewController.m:(Top)

• In viewDidLoad:



• in the switchViews: method:



• In didReceiveMemoryWarning method:

Mobile Applications [email protected] 19

Implementing the Content Views

• in BIDBlueViewController.h:

• In BIDYellowViewController.h:



• Change File’s Owner Class field from NSObjectto BIDBlueViewController for BlueView.xib & to BIDYellowViewController for YellowView.xib.

• Then change the background color of both views to blue & yellow.



• Then change the size of the view in the nib



• Then Drag a Round Rect Button to BlueView.xib (Press Me) drag from the Touch Up Inside event to the File’s Owner icon, and connect to the blueButtonPressed action method.

• Control-drag from the File’s Owner icon to the View icon, and select the view outlet.– Do the same with YellowView.xib with changing

names.



• In BIDBlueViewController.m:



• In BIDYellowViewController.m:


Animating the Transition

• In BIDSwitchViewController.m:





• Some iOS view transitions:

– UIViewAnimationTransitionFlipFromLeft

– UIViewAnimationTransitionFlipFromRight

– UIViewAnimationTransitionCurlUp

– UIViewAnimationTransitionCurlDown


Education

Beginning iOS6 Development CH06 Multiview Applications