My Note Pad

エンジニアリングや日々の雑感を書いていきます

【iOS】NavigationBarで前の画面に戻れるようにする

前回の続き。

yuki10.hatenablog.com

今回は画面遷移した後、元のページに戻るという部分をやってみた。
今回もソースコードの変更はなし。

まずは右下のObject LibraryからNavigation Barを探して、遷移後の画面に配置する。

f:id:yuki10k:20170109172552j:plain

続いて同様にBar Button Itemを探して、先程追加したNavigation Barの左側に配置する。

f:id:yuki10k:20170109172602j:plain

↑で配置したTitle、Itemと表示されている部分をダブルクリックすると表示名を変更できるようになるので、適当な名前に変更しておく。
今回の場合だと、

  • Title -> 2nd Page
  • Item -> Back

にそれぞれ変更した。

f:id:yuki10k:20170109172609j:plain

続いてBar Button Itemを選択した状態で、Ctrlキーを押しながら1画面目のView Controllerにドロップする。

f:id:yuki10k:20170109172617j:plain

Segueのアクションをどうするか聞かれるので、Showを選択。

f:id:yuki10k:20170109172628p:plain

そうすると、↓図のように2ページ目から1ページ目へのSegueが表示されるようになる。

f:id:yuki10k:20170109172641p:plain

この状態でシミュレータを起動すると、

  • 1ページ目のNextボタン -> 2ページ目
  • 2ページ目のBackボタン -> 1ページ目

に遷移できるようになった。

f:id:yuki10k:20170109172651p:plain

今回もコードはいじっていないので次はコードを触っていきたい。