画面上部にタイトルとページ移動のボタンを設置する。画面上部にタイトルとページ移動のボタンを設置する。Barとは本記事ではSwiftで使える部品のUINavigationBar(以下、ナビゲーションバー)について説明する。ナビゲーションバーとは、画面タイトルやページ移動のボタンを表示するために使われる入れ物である。iOSの設定画面の上部に表示されていて、ボタンを押せば前のページに戻ることができる。画面を階層的に辿る場合はナビゲーションバー単体ではなく、ナビゲーションコントローラーを使うことの方が多い。ナビゲーションコントローラーの使い方は別の記事に譲るとし、本記事ではナビゲーションバー単体をストーリーボードに配置して利用する方法を説明する。ナビゲーションバーを使ってみるナビゲーションバーを使って画面を行き来するものを作ってみよう。Controller(以下、ビューコントローラー)を2つ追加する(下図赤矢印)。紫枠のViewを選択、水色枠のアトリビュートインスペクタボタンを押して設定画面を表示し、Backgroundを青色に設定する。同じようにして、他の2つのViewのBackgroundを緑色、黄色に設定する。青画面にナビゲーションバーを配置する(下図赤矢印)。Itemを配置する(紫矢印)。黄緑枠のボタンを選択、水色枠のアトリビュートインスペクタボタンを押して設定画面を表示し、Titleに「緑画面へ」と入力する。Modally)を選択する。Modally)を選択する。これでボタンを押して緑or黄画面に移動できるようになった。ナビゲーションバーはタイトルやボタンを格納するためのプロパティは持っておらず、ナビゲーションバーに設定するUINavigationItemクラス(以下、ナビゲーションアイテム)がタイトルやボタンのプロパティを持っている。いっても、デバイス画面にナビゲーションバーを配置すると最初からナビゲーションアイテムが内包されているので、そのままタイトルやボタンを配置することができる。Controllerを選択、黄枠のアトリビュートインスペクタボタンを押して設定画面を表示し、Titleに「青画面」と入力する。Controlloerを選択、Titleに「緑画面」と入力する。Controllerを選択、Titleに「黄画面」と入力する。ViewController.swftを以下のコードに変更する。遷移先ビューのナビゲーションバーは左に「戻るボタン」、中央に「画面タイトル」で共通している。そこで、作業を簡略化するために「画面遷移実行前の呼び出しメソッド」で遷移先画面用のナビゲーションバーを作って遷移先のビューに追加する実装にした。//ナビゲーションバーを作る。//ナビゲーションアイテムを作り、タイトルと左側ボタンを設定する。//ナビゲーションバーにナビゲーションアイテムを格納する。//遷移先のビューにナビゲーションバーを追加する。//モーダル表示されているビューコントローラーを解放する。{//ナビゲーションバーを作る。60)//ナビゲーションアイテムを作り、タイトルと左側ボタンを設定する。action:"action:")//ナビゲーションバーにナビゲーションアイテムを格納する。animated:true)//遷移先のビューにナビゲーションバーを追加する。{//モーダル表示されているビューコントローラーを解放する。Controllerの使い方。複数画面と接続し、タブバーのボタンで画面を切り替える。バーの色や背景画像をカスタマイズする。...【Swift】Segueの使い方。遷移先のビューコントローラーにデータを渡す。モーダル表示の重ね方や登場シーンを設定する。スペースを調整してバーにアイコンを並べる。コメントをキャンセルメールアドレスが公開されることはありません。