NavigationController を利用した画面遷移をやってみよう ( コード編 )

[krsakai]

NavigationController を利用した画面遷移をやってみよう ( コード編 )

◯ やる事 NavigationController を利用した画面遷移をやってみよう ( StoryBoard編 )で、最初の画面から次の画面へ遷移するのをStoryBoardでやっていた内容を、コードで行うようにする

◯ 手順

1. StoryBoardの最初の画面から次の画面へ遷移する線(セグエ,segueと言う)を削除
2. 次の画面(NextViewController)を選択し、プロパティ部分でStoryBoardIDの箇所にクラス名を追加
3. 最初の画面のソースコードを開き、ボタンが押下されたイベントの所で以下のコードを追加する

   // ストーリーボードからインスタンスを生成
   let storyBoard = UIStoryboard(name: "Main", bundle: nil)
   // NextViewController のIDが振られたインスタンスを生成 (NextViewController)
   let viewController = storyBoard.instantiateViewController(withIdentifier: "NextViewController")
   // 画面遷移を実行
   self.navigationController?.pushViewController(viewController, animated: true)

4. ビルドしてデバッグする

■ キャプチャ

---

• [x] 1〜4を実行して画面遷移できたらチェック
• [x] ナビゲーションでの画面遷移のコードを以下に変更して実行してモーダル遷移が出来たらチェック

  self.navigationController?.pushViewController(viewController, animated: true)
  ↑から
  ↓に変更
  self.present(viewController, animated: true, completion: nil)

◯ ナビゲーションコントローラー のざっくり理解

① 〜 ⑦ の順で画面遷移を行っている