LoginSignup
2
4

More than 5 years have passed since last update.

iOS:SplitViewに触れてみる

Last updated at Posted at 2016-06-12

今回触れるのはSplitViewという画面に2つアプリを表示できるview

とりあえずSingleviewapplicationでプロジェクトを作成する。

ViewControllerの画面が出たら右下のobjectlibraryからSplitViewControllerを選択する。

スクリーンショット 2016-06-12 22.22.05.png

そうするとNavigationControllerやTableviewがひっついた状態で生成される。

SplitViewを生成した時に注意しなければならないのは、ViewControllerを削除しているため

Is Initial View Controllerというオプションが外れているのでチェックを入れることを忘れずに。

普通にプロジェクトを作成した初期の状態
スクリーンショット 2016-06-12 22.31.24.png

SplitViewControllerを追加後

スクリーンショット 2016-06-12 22.37.37.png

オプションにチェックを入れた後、実行してみるとTableviewと何の変哲も無いViewが表示される

IMG_0032.PNG

この時この二つのViewの関係はMasterとDetailという関係にあるらしい。

DetailViewに反映させたいことを書いて
スクリーンショット 2016-06-13 1.36.41.png

storyboard上でセルとDetailViewを紐付けあげれば
スクリーンショット 2016-06-13 1.20.05.png

IMG_0033.PNG

今回は”ⅡDXRED”というセルをタップしたらDetailViewのバックグラウンドカラーを変えるという
風にしたので上記の画像の通り赤くなりました!!

応用していけばアプリを作る時のバリエーションやらなんやらが増えますね!!

2
4
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
2
4