My Note Pad

Qiitaに書くほどでもない技術的なことや日々の雑感を書いていきます

【iOS】単純な画面遷移をやってみる

練習用にプロジェクトは作ったので、まずは単純な画面遷移をしてみる。

yuki10.hatenablog.com

今回はstoryboardで完結するのでコードの変更はなし

単純な画面遷移

まずはXcodeMain.storyboardファイルを開く。
画面右下から遷移先用画面となるView Controllerを選択して、1画面目の右にドロップする。

f:id:yuki10k:20170105015333j:plain

画面が2枚に増えるので、画面右下の検索ウィンドウでbuttonと入力。
出てきたbuttonを、1画面目の真ん中あたりにドロップする。

f:id:yuki10k:20170105015340j:plain

ボタンの表示やサイズは適当に設定する。

f:id:yuki10k:20170105015354p:plain

ボタンを選択した状態で、ctrlキーを押したまま、2画面目にドロップする。
Segueの接続先を選べるので、今回はShowを選択する。

f:id:yuki10k:20170105015408j:plain

1画面目と2画面目を接続するラインができた。(これがsegue..?)
2画面目が分かるように、適当にlabelを配置する。

f:id:yuki10k:20170105015420p:plain

この状態で保存して、実行してみる。
1画面目でNextボタンが表示され、ボタンを押すと

f:id:yuki10k:20170105015430p:plain

2画面目に遷移してmoved!と表示された。

f:id:yuki10k:20170105015438p:plain

今回は単純な画面遷移しかしていないものの、1行もコードを書くことなく画面遷移ができたのはなかなか新鮮。
次はもう少し複雑な画面遷移をやってみる。