UISegmentedControlを使ってView Controllerを出し分ける方法がわかりません

Question

下記2つの画像のように、UISegmentedControlを使って、View Controllerを出し分けるには、storyboardとソースコードでどのように実装すればいいのでしょうか？

かなり検索して調べたのですが、サンプルコードがObjective-Cのものが多く、最新のSwiftのものがございませんでした。

イメージとしては、親ビューとして、View Controllerを置き、そこにSegmentedControlのみを配置。 その後、子ビューとしてTable View Controllerを置きそれぞれのセルの内容を表示する、という感じなのですが、具体的にどのように行えばいいか理解できていません。

Answer 1

自分で解決したようでよかったです、回答しようとサンプルを作りかけていたので一応載せて起きます。
だいたい同じような感じになっていると思いますが参考まで。

SegmentChangeTable

回答追記

ViewControllerの上に表示されているのはXcode7から加わった新しい機能でExtraViewといいます。
iOS Extra Viewsを使ってみる

基本的にはviewに乗せたものと同じですがhiddenをうまく使うことでviewの出し分けが簡単になりますし、はじめからviewの上に２枚テーブルを乗せていてそれぞれにカスタムセルがあった場合にパーツの位置の調整などがやりにくくなります。

全てをExtra Viewでというのも無理がありますが、使用する場面に応じて使い分けるのが良いと思います。

Comments

[tmiyachi]

初めまして、サンプルアプリまで作成いただきありがとうございます！
storyboardとソースコードをすべて拝見して、大変勉強になりました。

一点、ご質問させていただいてもよろしいでしょうか？

https://gyazo.com/a986ccd68e45a79804ea103284741aec
の部分で、

VCのデフォルトのViewにTable Base Viewをのせて、それとは別にFirst ViewとSecond ViewがありそれをViewController.swiftでアウトレット接続されていますが、

First ViewとSecond Viewはどのようなやり方をすれば、VCのデフォルトのViewの上に載せずに、VCの中に含めることができるのでしょうか？

[_Kentarou]

Tableviewを直接IBOutletしたものをプロジェクトのなかに追加しました。
tableViewをViewにのせているのは特に意味はなかったので変更しました。

>First ViewとSecond Viewはどのようなやり方をすれば、VCのデフォルトのViewの上に載せずに、VCの中に含めることができるのでしょうか？

こちらはxibで tableviewを定義した場合ということでしょうか？

[tmiyachi]

おっしゃる通りです！　オブジェクトライブラリでViewを選択して、それをVCの上に乗せようとすると、VCのViewの上にのってしまいます。

https://gyazo.com/8433a9c5d8a68a7bd786ebe3e4e07763
のように、First ViewとSecond ViewはどのようにすればVCのViewの上に載せるのとは違い、個別にVCに含めることができるのでしょうか？

[tmiyachi]

すみません、オブジェクトライブラリでViewを選択して、ドキュメントアウトラインにドロップするとできますね！

この場合、ViewConroller配下にViewを置く
https://gyazo.com/018a0870cd58e13a4cd6a57f0643cb4d
のと、
ViewConrollerと並列にViewを置く
https://gyazo.com/b44e852fa54520162b6b19f6678c8171
のでは、どのような違いがあるのでしょうか？

[_Kentarou]

回答に追記しました、確認してみてください。

[tmiyachi]

ありがとうございます！　初めて知りました、参考になります。

Answer 2

selectedSegmentIndexで条件分岐を作り、instantiateViewControllerWithIdentifierでVCのインスタンスの生成をすることでできました