storyboard のカスタムセグエを実装してみた
DESCRIPTION
Xcode の Storyboard で使えるカスタムセグエを作ってみました。TRANSCRIPT
![Page 1: Storyboard のカスタムセグエを実装してみた](https://reader034.vdocuments.pub/reader034/viewer/2022051323/547d525db4af9f541b8b46a5/html5/thumbnails/1.jpg)
Storyboard のカスタムセグエ実装してみた
tanabee
![Page 2: Storyboard のカスタムセグエを実装してみた](https://reader034.vdocuments.pub/reader034/viewer/2022051323/547d525db4af9f541b8b46a5/html5/thumbnails/2.jpg)
できること
Storyboard 上からカスタムセグエを 簡単に指定できる
![Page 3: Storyboard のカスタムセグエを実装してみた](https://reader034.vdocuments.pub/reader034/viewer/2022051323/547d525db4af9f541b8b46a5/html5/thumbnails/3.jpg)
カスタムセグエを利用するメリット
・コードの簡略化 ・Storyboard 上での遷移の可視化
![Page 4: Storyboard のカスタムセグエを実装してみた](https://reader034.vdocuments.pub/reader034/viewer/2022051323/547d525db4af9f541b8b46a5/html5/thumbnails/4.jpg)
今回やってみたこと
アニメーションなしで UINavigationController の push
[self.navigationController pushViewController:viewController animated:NO];
![Page 5: Storyboard のカスタムセグエを実装してみた](https://reader034.vdocuments.pub/reader034/viewer/2022051323/547d525db4af9f541b8b46a5/html5/thumbnails/5.jpg)
ファイル作成
一般的なクラス追加と同じ
![Page 6: Storyboard のカスタムセグエを実装してみた](https://reader034.vdocuments.pub/reader034/viewer/2022051323/547d525db4af9f541b8b46a5/html5/thumbnails/6.jpg)
ファイル作成
Subclass of に UIStoryboardSegue を指定
![Page 7: Storyboard のカスタムセグエを実装してみた](https://reader034.vdocuments.pub/reader034/viewer/2022051323/547d525db4af9f541b8b46a5/html5/thumbnails/7.jpg)
実装
PushNoAnimationSegue.h
![Page 8: Storyboard のカスタムセグエを実装してみた](https://reader034.vdocuments.pub/reader034/viewer/2022051323/547d525db4af9f541b8b46a5/html5/thumbnails/8.jpg)
実装
PushNoAnimationSegue.m
![Page 9: Storyboard のカスタムセグエを実装してみた](https://reader034.vdocuments.pub/reader034/viewer/2022051323/547d525db4af9f541b8b46a5/html5/thumbnails/9.jpg)
実装
PushNoAnimationSegue.m
![Page 10: Storyboard のカスタムセグエを実装してみた](https://reader034.vdocuments.pub/reader034/viewer/2022051323/547d525db4af9f541b8b46a5/html5/thumbnails/10.jpg)
実装
PushNoAnimationSegue.m
![Page 11: Storyboard のカスタムセグエを実装してみた](https://reader034.vdocuments.pub/reader034/viewer/2022051323/547d525db4af9f541b8b46a5/html5/thumbnails/11.jpg)
実装
PushNoAnimationSegue.m
![Page 12: Storyboard のカスタムセグエを実装してみた](https://reader034.vdocuments.pub/reader034/viewer/2022051323/547d525db4af9f541b8b46a5/html5/thumbnails/12.jpg)
実装
PushNoAnimationSegue.m
![Page 13: Storyboard のカスタムセグエを実装してみた](https://reader034.vdocuments.pub/reader034/viewer/2022051323/547d525db4af9f541b8b46a5/html5/thumbnails/13.jpg)
実装
PushNoAnimationSegue.m
![Page 14: Storyboard のカスタムセグエを実装してみた](https://reader034.vdocuments.pub/reader034/viewer/2022051323/547d525db4af9f541b8b46a5/html5/thumbnails/14.jpg)
実装
カスタムセグエの実装はこれだけ
![Page 15: Storyboard のカスタムセグエを実装してみた](https://reader034.vdocuments.pub/reader034/viewer/2022051323/547d525db4af9f541b8b46a5/html5/thumbnails/15.jpg)
実装
Storyboard 上で 簡単に接続できるようになる
![Page 16: Storyboard のカスタムセグエを実装してみた](https://reader034.vdocuments.pub/reader034/viewer/2022051323/547d525db4af9f541b8b46a5/html5/thumbnails/16.jpg)
補足
カスタムセグエで ViewController 間を接続した場合、Storyboard 上で NavigationBar が表示されない
UINavigationBar の表示なし
![Page 17: Storyboard のカスタムセグエを実装してみた](https://reader034.vdocuments.pub/reader034/viewer/2022051323/547d525db4af9f541b8b46a5/html5/thumbnails/17.jpg)
補足
UIViewController を選択し Top Bar を設定する
カスタムセグエで ViewController 間を接続した場合、Storyboard 上で NavigationBar が表示されない
![Page 18: Storyboard のカスタムセグエを実装してみた](https://reader034.vdocuments.pub/reader034/viewer/2022051323/547d525db4af9f541b8b46a5/html5/thumbnails/18.jpg)
DEMO
![Page 19: Storyboard のカスタムセグエを実装してみた](https://reader034.vdocuments.pub/reader034/viewer/2022051323/547d525db4af9f541b8b46a5/html5/thumbnails/19.jpg)
できないこと
back button のアニメーションを同時に設定できない (やり方分かる方いらっしゃったら教えて下さい)
![Page 20: Storyboard のカスタムセグエを実装してみた](https://reader034.vdocuments.pub/reader034/viewer/2022051323/547d525db4af9f541b8b46a5/html5/thumbnails/20.jpg)
できないこと
back button のアニメーションを同時に設定できない (やり方分かる方いらっしゃったら教えて下さい)
> UIBarButton のアクションをコードで書く必要あり
![Page 21: Storyboard のカスタムセグエを実装してみた](https://reader034.vdocuments.pub/reader034/viewer/2022051323/547d525db4af9f541b8b46a5/html5/thumbnails/21.jpg)
このスライドの情報
ソースコード
このスライドの URLhttp://www.slideshare.net/tanabee/custom-segue
https://github.com/tanabee/CustomSegueSample
![Page 22: Storyboard のカスタムセグエを実装してみた](https://reader034.vdocuments.pub/reader034/viewer/2022051323/547d525db4af9f541b8b46a5/html5/thumbnails/22.jpg)
ご清聴ありがとうございました。