画面遷移haya超簡単!画面遷移の方法をマスターする(モーダル編)2この記事は2016年1月5日に書かれたものです。内容が古い可能性がありますのでご注意ください。Tweetそれでは前回の続きです。前回は画面を2つ作成し、その2画面にそれぞれ対応したクラスが定義されているファイルを作成しました。下準備だけで終わってしまいましたね。緑色の画面のボタンをタップしたらピンク色の画面に遷移する。」という仕組みになります。ボタンタップを契機にして画面遷移するんですね。このようにボタンというstoryboard上に配置された部品を用いて画面遷移する場合はとても簡単です。1storyboard上のボタンを選択し、2controlキーを押しながらドラッグして、3遷移したい画面でドロップします。遷移先の画面上ならどこでドロップしても構いません。いうか画面以外選択できなくなっています。手順としてはstoryboard上の部品を.swiftファイルに接続するOutlet接続やAction接続によく似ているかと思います。Modally」を選択します。するとピンク画面と緑画面の間にこのような矢印が表示されたと思います。この矢印こそが2つの画面を結ぶセグエを表しています。【STEP5】画面遷移のActionを変更するこれで画面間の遷移ができるようになりました。この状態で実行してみると、緑色の画面が下から上に覆いかぶさるように画面が切り替わるのがわかるかと思います。モーダルによる画面遷移の場合、デフォルトの動作がこのようになっています。この動作を変更するには以下の手順を行います。1セグエをクリックして選択し、2アトリビュートインスペクタを開く3Transitionが「Default」になっているので、好みの画面遷移方法に変更する。Transitionの種類には以下のものがあります。Vertical・・・下から上に覆いかぶさるように画面遷移する。Horizontal・・・くるりと1回転して裏側になるように画面遷移する。Dissolve・・・画面全体の色が変化するように画面遷移する。Curl・・・下からページをめくるように画面遷移する。Transitionの直下にあるAnimatesのチェックを外すと、Transitionに何が選択されていたとしてもこれらのアニメーションを行わずに即座に画面遷移を行います。今回はこれで終わりにします。次回は遷移した先の緑画面からものと画面であるピンク画面に戻る方法をやってみたいと思います。