LoginSignup
6
7

More than 5 years have passed since last update.

ストーリーボードを使ったお手軽アプリ作り(画面遷移)

Posted at

ストーリーボートを使って、簡単にアプリを作ってみよう。

初心者でも大丈夫です。ストーリーボードを使うと、マウスでドラッグアンドドロップするだけでアプリが作れます。

今回は画面遷移までを作ってみました。
ストーリーボードだけで画面遷移したことない人にもおすすめですよ。


新規プロジェクトを作成して、use storyboardの欄にチェックを入れて作りましょう。
mainstoryboardを見ると、このようになります。

スクリーンショット 2013-08-30 2.36.39.png


右側のメニューの下から、欲しいオブジェクトをえらびましょう

スクリーンショット 2013-08-30 2.40.37.png


試しにViewControllerをドラッグして、画面の中央にもってくると、このように出ます

スクリーンショット 2013-08-30 2.42.24.png


これをDetailViewContorllerの右側に設置、さらに、DetailViewContorllerに、ぼたんとラベルをおいてみます。これも右側のメニューの下から選びます

スクリーンショット 2013-08-30 2.44.36.png


この右側の白いのが、さきほど中央においたViewControllerです
ここで、Controlを押しながら、さっきおいたボタンをドラッグして、右のViewまでひっぱってみましょう
そうすると、青い線が伸びて、このように出ます

スクリーンショット 2013-08-30 2.49.55.png


ここで、pushを選ぶと、

スクリーンショット 2013-08-30 2.50.52.png


これで完成!
シュミレーターでボタンを押すと、隣の画面に遷移できます!

ストーリーボードを使うと、一切コードを書かずに画面遷移が簡単にできますね。

6
7
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
6
7