1画面から始めるStoryboard

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

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

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

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

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

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

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

// 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

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

1画面 1Storyboard !

おわり

1画面から始めるStoryboard

by Yuichi Fujishige

on Jun 21, 2014

Statistics

Views

Actions

1 Embed 31

Accessibility

Categories

Upload Details

Usage Rights

Report content

1画面から始めるStoryboard Presentation Transcript