NavigationController とTabBarControllerを一緒に使う方法

Storyboard上でNavigationControllerとTabBarControllerを一緒に使う方法のメモです。 (Swift3, Xcode)

NavigationControllerを追加

１. ViewControllerを選択した状態で「Editor -> Embed In -> Navigation Controller」を選択する。

↓Navigation Controllerが追加されることを確認する。

２. ViewControllerを以下のように２つ追加する。

追加したViewControllerそれぞれに「Editor -> Embed In -> Navigation Controller」を選択し、NavigationControllerを追加する。

TabBarControllerを追加

３. 2で追加したNavigationControllerのうち一方に「Editor -> Embed In -> Tab Bar Controller」を選択し、TabBarControllerを追加する。

↓Navigation ControllerにTab Bar Controllerが追加されることを確認する。

４. 2で追加したNavigationControllerのもう片方をTab Itemに設定する。 3のTab Bar ControllerからSegueをひっぱり、「Relationship Segue」の[view controllers]を選択する。

↓TabBarControllerと紐付いていることを確認する。

５.先頭のViewControllerにButtonを配置し、TabBarControllerに遷移するようにSegueをひっぱる。

動作確認

Buttonタップ後の画面(Item1選択時)

Item2選択時