質問: ナビゲーションコントローラーのデザインについてです。 ストーリーボード上で作業しています。 やりたい事は、以下画像のように標準Appの「写真」のようにヘッダの部分に「戻るボタン」と「もうひとつボタン」をフッターの部分にもボタンを追加したいです。 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/9d142ae9480a13e7ebcc2925bc29ecad.jpeg) ですが、直接BerButtonItemをヘッダーやフッターの部分に持っていくとヘッダーに表示されていた前の画面に戻るボタンが消えてしまいます。 ヘッダーに関しては、NavigationItemを設置してからBerButtonItemを設置すると上画像のようになるんですが、問題はフッター部分です。 現在の状態は下の画像のようになってます。 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/4cd5bf03e75b983c52566d9488d864b2.png) ここまでは思っているとうりになります。 次にフッター部分です。このままフッターにBerButtonItemを設置すると下の画像のように戻るボタンが消えてしまいます。 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/cbceb0f0d38ebf234a7e3b7be5ac78f9.png) 戻るボタンを消さずにフッター部分にボタンを設置するにはどうすれば良いですか? ### 追記 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/fde961b1e726056e09931ee2691e00ae.jpeg) ### 追記2 回答をもとに画面を作ってみました。 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/59c4ffda82053608f948ab3a9b73845e.png) 選択を押すとPresents Modllyで画面遷移します。 ですが、問題が一つ... Navigation Barの上に空間ができてしまいます。 Toolbarの下の隙間は自動でなくなってるとおもいます。
回答: 標準Appの「写真」アプリのフッター部分は、TabBarControllerで表示されるTabBarです。 質問しているのは、そうではなくて、1つの画面内に表示するToolBarのように見えますが、ToolBarを画面の下に配置してから、そこにBarButtonItemを貼り付けていますか? もしかして、ToolBarを配置せずに、ViewControllerのSimurated MetricsのBottom Barを「Translucent Toolbar」にして、そこにBarButtonItemを貼り付けたりしていませんか? Simurated Metricsの設定はStroyboardの見た目上の話なので、それを変更しただけではToolBarを貼り付けられていません。 もしそうしているのであれば、今貼り付けているBarButtonItemを削除し、Simurated MetricsのBottom Barを「Inferred」に戻し、画面内にToolBarを貼り付け、AutoLayoutでToolBarをSafeAreaの下辺にぴったりくっつくように設定すれば、そこにBarButtonItemを貼り付けて画面下に表示できると思います。 (2019/2/6 14:00追記) Apple標準の写真アプリのような画面遷移を再現するなら、次のように構成します。 !イメージ説明 写真一覧画面の右上の「選択」ボタンからの画面遷移(segueの設定)は 次のように「Present Modally」にします。 (さらに写真アプリに合わせるならAnimatesのチェックをOFFにします) 接続先は、Navigation Controllerです。 !イメージ説明 遷移先のNavigation ConrollerのrootViewControllerを「項目を選択」の画面にします。 やり方は、先に「項目を選択」の画面を作ってからEmbed InでNavigation Controllerを 作ってもいいし、Navigation Controllerと「項目を選択」の画面をそれぞれ別に作り、 Navigation Controllerから青い線を引っ張ってドロップした時に現れる黒いメニューの中で Relationship Segueの「root view Controller」を選択して接続してもかまいません。 どちらでも同じことです。 「項目を選択」の画面のSimulated Metricsは全て「Inferred」です。 !イメージ説明 そして、ToolBarを貼り付けて次のようにAutoLayoutを設定します。 !イメージ説明