Your SlideShare is downloading. ×
Beginning iOS6 Development CH06 Multiview Applications
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Beginning iOS6 Development CH06 Multiview Applications


Published on

Beginning iOS6 Development CH06 Multiview Applications

Beginning iOS6 Development CH06 Multiview Applications

Published in: Education
  • Be the first to comment

  • Be the first to like this

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide


  • 1. Multiview ApplicationsMobile Applications 1
  • 2. Types of Multiview Apps• Utility Applications• Tab bar applications• Navigation-based applications• Toolbar applicationsMobile Applications 2
  • 3. 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 listMobile Applications 3
  • 4. 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 applicationMobile Applications 4
  • 5. 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.Mobile Applications 5
  • 6. 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.Mobile Applications 6
  • 7. The Architecture of a Multiview Application • S Mobile Applications 7
  • 8. 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.Mobile Applications 8
  • 9. Anatomy of a Content View• Each content view generally consists of up to three pieces:• The view controller.• The nib.• Subclass of UIView.Mobile Applications 9
  • 10. UINavigationController• Create a new project using the Empty Application project templateMobile Applications 10
  • 11. 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)Mobile Applications 11
  • 12. Modifying the App Delegate• In BIDAppDelegate.h:• In BIDAppDelegate.m:Mobile Applications 12
  • 13. Modifying the App DelegateMobile Applications 13
  • 14. Modifying BIDSwitchViewController.hMobile Applications 14
  • 15. Adding a View Controller• Change File’s Owner Class field from NSObject to BIDSwitchViewController. – SwitchView.xibMobile Applications 15
  • 16. 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.Mobile Applications 16
  • 17. Writing the Root View Controller• In BIDSwitchViewController.m:(Top)• In viewDidLoad:Mobile Applications 17
  • 18. Writing the Root View Controller• in the switchViews: method:Mobile Applications 18
  • 19. Writing the Root View Controller• In didReceiveMemoryWarning method:Mobile Applications 19
  • 20. Implementing the Content Views• in BIDBlueViewController.h:• In BIDYellowViewController.h:Mobile Applications 20
  • 21. Implementing the Content Views• 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.Mobile Applications 21
  • 22. Implementing the Content Views• Then change the size of the view in the nibMobile Applications 22
  • 23. Implementing the Content Views• 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.Mobile Applications 23
  • 24. Implementing the Content Views• In BIDBlueViewController.m:Mobile Applications 24
  • 25. Implementing the Content Views• In BIDYellowViewController.m:Mobile Applications 25
  • 26. Animating the Transition• In BIDSwitchViewController.m:Mobile Applications 26
  • 27. Animating the TransitionMobile Applications 27
  • 28. Animating the Transition• Some iOS view transitions: – UIViewAnimationTransitionFlipFromLeft – UIViewAnimationTransitionFlipFromRight – UIViewAnimationTransitionCurlUp – UIViewAnimationTransitionCurlDownMobile Applications 28