Storyboardで１つのUIを何度も使いまわす方法

1. StoryboardでUIを使いまわす
Masaki Fuke
!
potatotips #6 2014.04.09

2. 自己紹介
富家 将己 (ふけまさき)
ぷーけ @fm_tonakai
エキサイトでiOSアプリ作ってます
WWDC外れました・・・
作ったアプリたち(一部)
Excite News 寝たまんま 女子トピ Smile

3. StoryboardでUIを使いまわす

4. 何がしたいの？

5. 何がしたいの？

6. 何がしたいの？

7. 何がしたいの？

8. 何がしたいの？
instantiateViewCon
trollerWithIdentifier
使ったら？

9. instantiateViewControllerWithIdentifierを使う
画面の関係がコードに
なってしまうので
Storyboardのいいところ
消してる気がする

10. やりたいこと
１度作ったUIは使いまわしたい！
何度も同じもの作りたくない！
Storyboard使うんだから画面の関係はSegueで
繋ぎたい！

11. 1. XibファイルでUIを作る
2. ViewControllerにXibファイルで作ったUIを
読み込ませる
3. Storyboardに配置する
やり方

12. 1.XibファイルでUIを作る

13. ViewControllerに下記コードを記述
2.XibファイルのUIを読み込ませる
- (void)loadView
{
// XibでViewを作る
UINib *nib = [UINib nibWithNibName:@"ContentsViewController" bundle:nil];
[nib instantiateWithOwner:self options:nil];
}
使うXib名を

14. 3.配置する
segueで結べる！
個別の値はここで
指定できる

15. UIを使いまわす
pros
同じUIを何度も作らずに済む
Segueを使うことができる
Storyboardには遷移だけ記述するみたいな運用もできる？
!
cons
Storyboard上からは画面を確認することはできない
!
サンプルコード
https://github.com/fmtonakai/ReuseUISample