search

krsakai / iOSStudy

1 stars 0 forks source link

NavigationController を利用した画面遷移をやってみよう ( StoryBoard編 ) #9

Closed krsakai closed 7 years ago

krsakai commented 7 years ago

■ NavigationController を利用した画面遷移をやってみよう ( StoryBoard編 )

◯ やる事 NavaigationControllerは画面の遷移を管理するクラスで、現在どの画面が表示されているか や 次の画面へ遷移／前の画面へ戻るを簡単に制御できるクラスです。(右にスライドするアニメーションのやつ) NavigationController は UIViewController のクラスのインスタンス達を格納でき、保持しているUIViewControllerのインスタンス(画面)を画面上で切り替える処理を行ってくれている。 StoryBoard上でNavigationControllerを追加して、最初の画面と追加した画面を画面遷移させる

◯ 手順

  1. StoryBoardで前項で追加したモーダル遷移の線は削除する
  2. 右下からNavigationControllerを探して、空いている所にドラッグ&ドロップ
  3. 要らない画面までくっついてくるので、右についてる画面は削除
  4. 最初の画面の左端についてる矢印(→)をNavigationControllerにくっつける (← これは最初にどの画面を表示するかという印)
  5. NavigationController画面を controlを押しながらドラッグして最初に表示する画面にドロップ
  6. rootViewControllerを設定する (← 1番初めに表示する画面)
  7. 最初の画面のボタンをcontrolを押しながらドラッグし、Next画面にドロップ
  8. Showを選択 (← navigationコントローラーでの遷移という意味)
  9. ビルドしてデバッグする

■ キャプチャ capture15