Storyboards allow designing the visual layout and flow of an iOS app in Interface Builder. Key features include: 1. Defining view controllers and the transitions between them via segues like push, modal, and custom segues. 2. Configuring properties of view controllers and segues like identifiers that are used to perform segues programmatically. 3. Integrating various iOS components like navigation controllers, tab bars, and container view controllers via segues to define the relationship between screens.

1. storyboard
InterfaceBuilder
Hiroyuki-Fujikawa.

2. • Hiroyuki-Fujikawa. (@cqa02303)
• ( )
• 2008/ iPhone
•
• Java (1998 )

3. •

4. →
• iOS 5

5. Storyboard

6. •
• nib
•
• WWDC2011
Session309
“Introduction to
Storyboarding”

7. InitialViewController
• ( )
•
• [(UIstoryboard*)
instantiateInitialViewCont
roller]
•
UIViewController.storyb
oard

8. • initial Controller
•
•

9. UIStoryboardSegue
•
• Push,Modal,Custom
• iPad

10. sender
1. Segue
2.
1. view
2. controller

11. Segue
1.
2. performSegueWithIdentifier: sender:

12. prepareForSegue:sender:
• controller
• sender
• segue.destinationViewController

13. performSegueWithIdenti
fier:sender:
•
•
• TableView

14. identifier Segue
• ViewController Segue
• Segue
sender
ViewController

15. CustomSegue
•
• initWithIdentifier:sou
rce:destination:
•
• perform
•

17. RelationShip
•
• Navigation
• TabBar
→

18. Segue
viewWillAppear

19. 1. Segue Exception
2. Segue

20. Segue
• @try @catch

21. • User Defined Runtime Attributes
•
• self.segueName
•

22. 1.Facebook GMail UI

23. •
• view
Controller
•
ViewController

24. • ViewController
• WWDC2011 Session102 “Implementing
UIViewController Containment”

25. ViewController
• ViewController
• View
→

26. View
1. view1
1. Segue YO!
2. view2
1. view1 &
2. view2

27. Storyboard

28. demo

29. • Segue -perform

30. • transitionFromViewController:...

31. • didMoveToParentViewController:

32. • toView
•
→

33. • viewController
• view
→open/close

34. • viewController
• view
→open/close

35. View VC
View VC

36. View VC
View VC

37. View VC
View VC
View VC

38. View VC
View VC
View VC

39. • controller controller
• controller.view view
• view

40. controller
View VC
• segue View VC
View VC

41. view
View VC
• view.frame
View VC
• view
• insertSubview:belo View VC
wSubview:

42. view
View VC
View VC
• frame
View VC

43. • view frame

44. • view frame
•
http://ero.movie.coocan.jp/iPhone/
facebookmenu.zip

45. IB
• Static Cells TableView
• Scene
• User Defined Runtime Attributes

46. Static Cells TableView
•
TableView
• datasource delegate
• UITableView

47. Scene
• view
IBOutlet
• TableHeader/Footer
• ARC strong

48. User Defined Runtime
Attributes
•
• KVO
• Boolean, Number,
String

49. User Defined Runtime
Attributes
•
•
• SlideViewController
main nav tab

50. • ...

51. •