Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

1画面から始めるStoryboard

11,683 views

Published on

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

Published in: Technology, Business
  • Be the first to comment

1画面から始めるStoryboard

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

×