UIViewController Containers

My phillycocoa.org presentation on UIViewController Containers from 2/9/2012

Transcript

1. UIViewController Containers Matt Thomas @mthomas codecaffeine.com
2. What is a View Controller?
3. Model/View/Controller Controller Model View (happy fantasy world)
4. Model/View/Controller (reality) Controller Model View Model Controller Controller Controller Controller View View View Controller
5. Controller Controller What is a View Controller? Controller View View Controller A Controller coupled to a view
6. A View Controller • Manages Views (view property) • Manages Resources (didReceiveMemoryWarning:) • Responds to Events (viewDidRotate:) • Coordinate with Other Controllers View Controller Programming Guide for iOS
7. Types of View Controllers • Content View Controllers • Container View Controllers
8. Content View Controllers • Basic UIViewController or UITableViewController subclass • The view may be in an associated nib file or created programmatically in the viewController
9. Container View Controllers • Manages a Collection of View Controllers • Otherwise just an ordinary View Controller Controller View Controller View Controller View
10. Container View Controllers • UINavigationController • UITabBarController • UISplitViewController (iPad only) • UIPageViewController (iOS 5+) examples
11. Container View Controllers • Add each view controller’s view to my view • …and forward events… Easy, right? Controller View Controller View Controller View
12. Case Study • MGSplitViewController • Wonderful UISplitViewController replacement • https://github.com/mattgemmell/ MGSplitViewController/
13. Case Study - (void)willAnimateFirstHalfOfRotationToInterfaceOrientation: (UIInterfaceOrientation)toInterfaceOrientation duration: (NSTimeInterval)duration { ! [self.masterViewController willAnimateFirstHalfOfRotationToInterfaceOrientation:toInterfaceOrientation duration:duration]; ! [self.detailViewController willAnimateFirstHalfOfRotationToInterfaceOrientation:toInterfaceOrientation duration:duration]; } A lot of code is needed to forward events:
14. Events you must implement • viewWillAppear: • viewDidAppear: • viewWillDisappear: • viewDidDisappear: • willRotateToInterfaceOrientation:duration: • didRotateFromInterfaceOrientation: • willAnimateRotationToInterfaceOrientation:duration: • willAnimateFirstHalfOfRotationToInterfaceOrientation:duration: • didAnimateFirstHalfOfRotationToInterfaceOrientation: • willAnimateSecondHalfOfRotationFromInterfaceOrientation:duration: • And don’t forget to call SUPER implementations! (even if you don’t use them in your class)
15. iOS 5 to the rescue? • A View Controller can now be added as a child of another View Controller • The events will automatically forward from parent to child Easy, right?
16. New UIViewController API • @property childViewControllers • addChildViewController: • removeFromParentViewController • willMoveToParentViewController: • didMoveToParentViewController: • automaticallyForwardAppearanceAndRotationMethodsToChildView Controllers • transitionFromViewController:toViewController:duration:opti ons:animations:completion:
17. “A Tale of Two* Hierarchies” *Three if you consider each UIView has a CALayer
18. Hierarchy From “Implementing UIViewController Containment” WWDC 2011
19. Hierarchy From “Implementing UIViewController Containment” WWDC 2011
20. Creating your own Container View Controller
21. Why? • iPad has lots of space • Encapsulate Content View Controller
22. Half Split View Controller Demo Left ViewController Right ViewController Top ViewController Bottom ViewController
23. Tri-Split View Controller Demo Left VC Main View Controller Right VC
24. Heck, Combine Them! Left VC Main View Controller Right VC Top ViewController Bottom ViewController
25. What did I just create? The apex of UI design :-/
26. Rethinking Container View Controllers (a rant) • “iPad has lots of space” is not a good reason • Easy to go overboard with UI • Best UI isn’t noticeable (iBooks) • Best UI is immersive (Garage Band) • Minimize “Computer Administrative Debris”
27. Rethinking Container View Controllers • Container View Controllers are about relationships • Parent-Child (UINavigationController) • Sibling (UITabBarController) • And interactions • Turn Pages (UIPageViewController)
28. Card Stack Controller Demo https://github.com/codecaffeine/CardStackController
29. Card Stack Controller Demo • Relationship • Each child view controller is atomic • Interaction • Focus on a view controller • See all view controllers
30. Implementing container View Controllers • Window must set rootViewController • Requirement for all apps iOS 4+ • rootViewController will be displayed fullscreen • Add children to View Controller hierarchy
31. Implementing container View Controllers • Must call didMoveToParentViewController: after addChildViewController: is called and view is added • Must call willMoveToParentViewController: before calling the removeFromParentViewController after view is removed
32. Implementing container View Controllers • transitionFromViewController: toViewController: duration: options: animations: completion: • Great for transitioning between two child View Controllers • Will automatically add/remove views to view hierarchy
33. Questions?