MILLEN BOX 2

個人iOSアプリ開発者hollymotoによる勉強の記録。時々雑記。

初心者向け!TableViewControllerなどにNavigationBarを置くシンプルな方法

TableViewControllerに編集ボタンやBackボタンを付けたい場合NavigationBarが欲しいところですが、StoryboardのUI部品の新規作成メニューからTableViewControllerを引っ張ってきた場合NavigationBarは付いてこないため、それらが欲しい場合には後で自分で追加する必要があります。 

 

目次

 

 

UI部品の新規作成メニューからNavigationBarを持ってくるのもいいですが、表示位置の整頓の問題やその他の整合性の問題を考えると、以下の方法で追加した方が簡単です。

 

  

1. メインのTableViewControllerをStoryboardで追加する

 

スクリーンショット 2020-01-22 8.08.33.png

 

2. 1で作成したTableViewControllerを選択する

下図左上の赤丸で囲んだアイコンを選択するとViewControllerが選択出来ます。

スクリーンショット 2020-01-22 8.10.45.png

 

3. メニューの[Editor]-[Embed in]-[Navigation Controller]を選択する

 

f:id:anthrgrnwrld:20200124080940p:plain

 

4. 完成

自動的にNavigationControllerが追加されます。

f:id:anthrgrnwrld:20200124080617p:plain

 

まとめ

この方法であれば表示位置の整頓の問題やその他の整合性を気にせずにNavigationBarを追加出来ます。またメインとなるコントローラーはTableViewController以外でも問題ありません。