Beginning iOS6 Development CH06 Multiview Applications

Multiview Applications

Mobile Applications iabdulrazzaq@outlook.com 1

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 second
view 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 multiview
application 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 NSObject
to 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:


Implementing the Content Views
• in BIDBlueViewController.h:

• In BIDYellowViewController.h:


• Change File’s Owner Class field from NSObject
to 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


Beginning iOS6 Development CH06 Multiview Applications

Recommended

Recommended

More Related Content

Similar to Beginning iOS6 Development CH06 Multiview Applications

Similar to Beginning iOS6 Development CH06 Multiview Applications (20)

Recently uploaded

Recently uploaded (20)

Beginning iOS6 Development CH06 Multiview Applications