storyboard のカスタムセグエを実装してみた

22
Storyboard のカスタムセグエ 実装してみた tanabee

Upload: yuki-tanabe

Post on 02-Dec-2014

476 views

Category:

Engineering


2 download

DESCRIPTION

Xcode の Storyboard で使えるカスタムセグエを作ってみました。

TRANSCRIPT

Page 1: Storyboard のカスタムセグエを実装してみた

Storyboard のカスタムセグエ実装してみた

tanabee

Page 2: Storyboard のカスタムセグエを実装してみた

できること

Storyboard 上からカスタムセグエを 簡単に指定できる

Page 3: Storyboard のカスタムセグエを実装してみた

カスタムセグエを利用するメリット

・コードの簡略化 ・Storyboard 上での遷移の可視化

Page 4: Storyboard のカスタムセグエを実装してみた

今回やってみたこと

アニメーションなしで UINavigationController の push

[self.navigationController pushViewController:viewController animated:NO];

Page 5: Storyboard のカスタムセグエを実装してみた

ファイル作成

一般的なクラス追加と同じ

Page 6: Storyboard のカスタムセグエを実装してみた

ファイル作成

Subclass of に UIStoryboardSegue を指定

Page 7: Storyboard のカスタムセグエを実装してみた

実装

PushNoAnimationSegue.h

Page 8: Storyboard のカスタムセグエを実装してみた

実装

PushNoAnimationSegue.m

Page 9: Storyboard のカスタムセグエを実装してみた

実装

PushNoAnimationSegue.m

Page 10: Storyboard のカスタムセグエを実装してみた

実装

PushNoAnimationSegue.m

Page 11: Storyboard のカスタムセグエを実装してみた

実装

PushNoAnimationSegue.m

Page 12: Storyboard のカスタムセグエを実装してみた

実装

PushNoAnimationSegue.m

Page 13: Storyboard のカスタムセグエを実装してみた

実装

PushNoAnimationSegue.m

Page 14: Storyboard のカスタムセグエを実装してみた

実装

カスタムセグエの実装はこれだけ

Page 15: Storyboard のカスタムセグエを実装してみた

実装

Storyboard 上で 簡単に接続できるようになる

Page 16: Storyboard のカスタムセグエを実装してみた

補足

カスタムセグエで ViewController 間を接続した場合、Storyboard 上で NavigationBar が表示されない

UINavigationBar の表示なし

Page 17: Storyboard のカスタムセグエを実装してみた

補足

UIViewController を選択し Top Bar を設定する

カスタムセグエで ViewController 間を接続した場合、Storyboard 上で NavigationBar が表示されない

Page 18: Storyboard のカスタムセグエを実装してみた

DEMO

Page 19: Storyboard のカスタムセグエを実装してみた

できないこと

back button のアニメーションを同時に設定できない (やり方分かる方いらっしゃったら教えて下さい)

Page 20: Storyboard のカスタムセグエを実装してみた

できないこと

back button のアニメーションを同時に設定できない (やり方分かる方いらっしゃったら教えて下さい)

> UIBarButton のアクションをコードで書く必要あり

Page 21: Storyboard のカスタムセグエを実装してみた

このスライドの情報

ソースコード

このスライドの URLhttp://www.slideshare.net/tanabee/custom-segue

https://github.com/tanabee/CustomSegueSample

Page 22: Storyboard のカスタムセグエを実装してみた

ご清聴ありがとうございました。