Takahiro Octopress Blog

-1から始める情弱プログラミング

StoryboardでNavigationBarを表示する

StoryboardでNavigationBarを表示する方法

さて、今日も忘れやすい内容なのでメモメモ…。
最近はXIBファイルよりもStoryboardを利用するシーンが多くなっているかと思います。
そこで、本日はStoryboardでNavigationBarを表示する方法について説明したいと思います。

方法は実に簡単です。
Main.storyboardを開いて、 メニューのEditor > Embed In > Navigation Controller を選択してください。 すると、これまでViewControllerが1つだけだった状態からNavigation Controllerが追加されます。
また、初めからあったViewControllerにもNavigationBarが表示されたことがわかると思います。
これは正確には Navigation Item が追加された状態です。このNavigation Itemを編集すれば、任意のタイトルを付与することができますし、Backボタンの名称も決められます。さらに、 prompt (説明文)を表示することもできます。

Backボタンではなく、好きなアクションを起こさせるためのボタンを追加する場合には、右メニューバーからButtonを追加すればOKです。自動的にBar Button Itemが追加されます。
すると、下図のような構成になるはずです。

ViewControllerの構成

Storyboardの画面的には下図になります。

Storyboard

といったところで本日はここまで。

Comments