Storyboardを利用したUINavigationBarとUITabBarの統合画面2 | 渋谷で働くUnity野郎

渋谷で働くUnity野郎

備忘録として有効活用していきます。

前回ここまで作成した。
Iichinのブログ

TabBarControllerからUINavigationBarに画面遷移するために矢印を引きたい。
その方法を紹介する。
(紹介するというほど大それたものではないが…。)


--------------------------------------------------

まず、TabBarControllerをクリックして選択状態にする。
(選択状態は青い線で囲まれます)

次にConnectionInspectorを開きます。

そこにStoryboardSeguesの欄に【Relationship】という項目があります。
その項目の右側の丸印から、NavigationControllerに線をドラッグし、はなせば、画面遷移の矢印が引けます。

文章では分かりにくいので、端的な画像を貼付けます。

TabBarControllerをクリックし、コネクションインスペクタを開く。
そしてRelationshipからNavigationControllerにもっていく。
$Iichinのブログ


すると以下のように矢印が引かれます。めでたし、めでたし。
Iichinのブログ




しかしながら、NavigationControllerを作成すると自動的にTableViewが作成される。
俺は普通のビューが使いたいんだ!!!
という方は次のようにしましょう。



まず、前回TabBarControllerから一つのビューを削除したように、
Navigation Controllerから伸びている先のTableViewを、削除しちゃいます。
そして、新しいViewControllerを挿入しましょう。

こんな感じです。

Iichinのブログ



そしたら新しいViewにNavigation Controllerから矢印を引きましょう。
やり方はTabと全く一緒。
Navigation Controllerを選択状態にして、Relatioinshipからビューに引く。
Iichinのブログ



すると出来上がり。
Iichinのブログ



--------------------------------------------------
補足

さきほど作成したUIViewにUIButtonを設置し、そのボタンが押された時に、他のUIViewに遷移する場合、UINavigationBarを受け継ぐためには、遷移時の選択肢に
「Push」
「Modal」
「Custom」
の3種類があるが、「Push」にしなければならない。


手順:
遷移後のUIViewを作成する(新たなUIViewControllerを置くだけ)。そしてボタンを設置する。
Iichinのブログ


設置したボタンを右クリックし、Pushの丸印から遷移後の画面を選択する。
Iichinのブログ



以上。
Iichinのブログ