0
1

More than 3 years have passed since last update.

初心者のためのswift、Xcodeで画面遷移をする方法(アウトプット& 復習用) 

Last updated at Posted at 2019-12-30

今回はxcodeでの画面遷移についてです
この情報はよく出回っていることだと思いますが、自分なりに書きました!
「なんで遷移するのか?」や、「なんでこのコード必要なの?」、などの説明は
この記事で説明しておりません!
画面遷移方法の一つを紹介する記事となっています!

Modalによる遷移

まずは最初にMainStorybordに遷移先のViewcontrollerをおきます!
(右上の十字マークのところから持ってきます)

次にcommand + N を押してCocoa Touch Classを選択します
スクリーンショット 2019-12-29 20.36.28.png

その次に遷移先のviewcontolloer.swiftの名前を変更します。
私は適当に次の遷移先なのでNextViewControllerにしました!
SubClassは今回はUIViewControllerですので、そこも注意してください!

スクリーンショット 2019-12-29 20.18.51.png

今回はボタンを押したら遷移するものとして
mainstoryboardの最初のviewcontrollerにボタンを起きましょう
自分はボタンの名前をNEXTにしました!
そしたらボタンをControl を押しつつ次の画面に引っ張って持っていきます。

スクリーンショット 2019-12-29 20.47.07.png

このようなことを言われるので、Present modallyを選びます!
showなど他のものもありますので、そちらは調べてみてください!
スクリーンショット 2019-12-29 20.49.52.png

すると、先ほどはviewControllerの間になかった矢印が出てきました!
これによりとりあえずボタンを押すとNextViewControllerには
遷移することができるようになりました!ビルドして試してみてください!
スクリーンショット 2019-12-29 20.49.57.png

ですが、このままでは戻ることができないので
今回はボタンで最初の画面に戻れるように
NextViewcontrollerにボタンを置いてみましょう!
わたしはボタンの名前を戻るに変更しました!
スクリーンショット 2019-12-30 12.51.00.png

そしたら、戻るボタンをIBActionでNextViewcontroller.Swiftのこーどに紐付けます!
下のこんな感じになってればOKです!

スクリーンショット 2019-12-30 12.53.37.png
しかし、これではただ紐付けが、行われただけですので戻るボタンが押されても
元の画面に戻ることはできません!
なので、コードで少しこのように書いてみましょう。

スクリーンショット 2019-12-30 13.03.22.png

書き終わりましたら、一回ビルドして
次の画面に遷移するか、元の画面に戻るか確かめてみてください。
どうですか?以外にも簡単に画面遷移ができましたよね?

今回はswift, Xcodeでの画面遷移方法の一つを紹介しましたが
他にも遷移する方法は他にもありますので、調べてみてください!

最後までありがとうございました!

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1