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

渋谷で働くUnity野郎

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

今回はStoryboardを利用し、ナビゲーションバーとタブバーを備えた画面を作る。

実はこれに関しては1年前に作ったことがあるのだが、今回はストーリーボードを使いながら友人とやってみた。

実際にやってみると、「こんなに簡単にできるのかぁ~」と感心させられた。

以下がその手法になる。

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

新規にプロジェクトを作成する。
使用するテンプレートは【Single View Application】だ。
Iichinのブログ-テンプレート



そして次に、iPhone.storyboardを選択する。次のような画面が出てくるだろう。Iichinのブログ



ここにTabBarControllerを追加する。(ドラッグ&ドロップ)
Iichinのブログ


すると次のような構成になっているはずである。
そして、初期から置かれていたViewの左についていた矢印をTabBarControllerに付け替える。

つまり…
この状態から。
Iichinのブログ



こうする。
Iichinのブログ



次に、TabBarControllerから二股に分かれ伸びている矢印の先に、ViewControllerがあるが、この1つ、ないし、2つを削除する。
(※RootViewControllerで、どちらのViewも管理したいなら2つ削除すればよい、ということ)
今回は上部のみ削除することにする。
そして、NavigationControllerを挿入する。

つまり…NavigationControllerをストーリーボードにドラッグ&ドロップして、

Iichinのブログ

このようになればよい。
Iichinのブログ



そしてTabBarControllerからNavigationControllerに、画面が遷移するように、矢印を持っていきたい。
そのやり方を次の記事で紹介する。