1画面から始めるStoryboard。 第56回 Cocoa勉強会関西の発表資料。

1. 1画面から始めるStoryboard
2014.06.21
ふじしげ ゆういち
@nakiwo

2. 今日のテーマ
•Storyboard使ってますか?
•少しずつ使ってみよう

3. サンプルコード
https://github.com/nakiwo/MiniStoryboard

4. Storyboard
•XIBの進化版
•ViewControllerの集合
•UIStoryboardSegue(VC間の関連)

6. Storyboardは必須?
•Storyboardを使わなくてもUIは作れる
•XIB
•コード
•しかし…

7. Storyboardでしか
できない事がある
•TableView Dynamic Prototype
•Static TableView
•ViewController自体の設定
•Top/Bottom Layout Guide

9. XIB Storyboard
ViewController自体の設定
Segue
TableView Dynamic Prototype
Static TableView
Top/Bottom Layout Guide
Auto Layout
Baseローカライズ

10. XIB Storyboard
ViewController自体の設定 ●
Segue ●
TableView Dynamic Prototype ●
Static TableView ●
Top/Bottom Layout Guide ●
Auto Layout ● ●
Baseローカライズ ● ●

11. XIB Storyboard
ViewController自体の設定 ●
Segue ●
TableView Dynamic Prototype ●
Static TableView ●
Top/Bottom Layout Guide ●
Auto Layout ● ●
Baseローカライズ ● ●

12. •Dynamic Prototype、Static Table
Viewが使いたい

13. •全面的にStoryboardに移行しない場合
•既存のプロジェクトの変更とか
•そんな時に..

14. 1画面 1Storyboard !

15. •Segueを使わず1画面だけ配置すれば、
XIBとStoryboardはほぼ同じ
•Storyboardでしか使えない機能が使え
る

16. XIB Storyboard

18. // XIB
!
MySecondViewController *vc =
[[MySecondViewController alloc] initWithNibName:nil bundle:nil];
[self presentViewController:vc animated:YES completion:nil];
!
!
// Storyboard
!
UIStoryboard *storyboard =
[UIStoryboard storyboardWithName:@“MyThirdViewController"
bundle:nil];
MyThirdViewController *vc =
(MyThirdViewController *)[storyboard instantiateInitialViewController];
!
[self presentViewController:vc animated:YES completion:nil];

19. •後はいつもどおりで

20. 補足
•XIBはViewControllerのインスタンス
を含まない (VCはFile s owner)
•initWithNibName:bundle:
•StoryboardはViewControllerインス
タンス自体がアーカイブされている
•initWithCoder: / awakeFromNib

22. その他メリット
•Storyboardの単位が小さいので、コン
フリクトが最小

23. 1画面 1Storyboard !

24. おわり