[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
SlideShare a Scribd company logo
1画面から始めるStoryboard
2014.06.21
ふじしげ ゆういち
@nakiwo
今日のテーマ
•Storyboard使ってますか?
•少しずつ使ってみよう
サンプルコード
https://github.com/nakiwo/MiniStoryboard
Storyboard
•XIBの進化版
•ViewControllerの集合
•UIStoryboardSegue(VC間の関連)
1画面から始めるStoryboard
Storyboardは必須?
•Storyboardを使わなくてもUIは作れる
•XIB
•コード
•しかし…
Storyboardでしか
できない事がある
•TableView Dynamic Prototype
•Static TableView
•ViewController自体の設定
•Top/Bottom Layout Guide
1画面から始めるStoryboard
XIB Storyboard
ViewController自体の設定
Segue
TableView Dynamic Prototype
Static TableView
Top/Bottom Layout Guide
Auto Layout
Baseローカライズ
XIB Storyboard
ViewController自体の設定 ●
Segue ●
TableView Dynamic Prototype ●
Static TableView ●
Top/Bottom Layout Guide ●
Auto Layout ● ●
Baseローカライズ ● ●
XIB Storyboard
ViewController自体の設定 ●
Segue ●
TableView Dynamic Prototype ●
Static TableView ●
Top/Bottom Layout Guide ●
Auto Layout ● ●
Baseローカライズ ● ●
•Dynamic Prototype、Static Table
Viewが使いたい
•全面的にStoryboardに移行しない場合
•既存のプロジェクトの変更とか
•そんな時に..
1画面 1Storyboard !
•Segueを使わず1画面だけ配置すれば、
XIBとStoryboardはほぼ同じ
•Storyboardでしか使えない機能が使え
る
XIB Storyboard
1画面から始めるStoryboard
// 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];
•後はいつもどおりで
補足
•XIBはViewControllerのインスタンス
を含まない (VCはFile s owner)
•initWithNibName:bundle:
•StoryboardはViewControllerインス
タンス自体がアーカイブされている
•initWithCoder: / awakeFromNib
1画面から始めるStoryboard
その他メリット
•Storyboardの単位が小さいので、コン
フリクトが最小
1画面 1Storyboard !
おわり

More Related Content

1画面から始めるStoryboard