iOS
Swift
iPadPro

iOS:SplitViewに触れてみる

More than 1 year has passed since last update.

今回触れるのは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のバックグラウンドカラーを変えるという

風にしたので上記の画像の通り赤くなりました!!

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