Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

SwiftでContainerViewを使ってみる

More than 3 years have passed since last update.

Container Viewを使う

StoryBoardにはviewの中にさらにviewを入れ込む事のできるContainer Viewというものが用意されています。

Xcodeの操作になれていないため、自分の備忘用にも使用方法はgifで残しておこうと思います。

まず、Container ViewはObject libraryから探し出すことができます。

a1.gif

Object libraryからContainer Viewを選択し、すでに作っておいたviewの上に載せます。
サイズも適当に合わせてあげましょう。

a3.gif

載せたContainer ViewにViewControllerを設定します。
ViewControllerのコードは以下のようなものを用意します。このViewControllerをContainer Viewに設定するとContainer Viewの部分だけ背景が黄色になります。

ContainerViewController.swift
class ContainerViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        //背景色を黄色にする
        self.view.backgroundColor = UIColor.yellow
    }
}

Container ViewへのViewControllerの設定は右側にできている小さいViewのViewControllerを選択しCustom ClassのClassに作成しておいたContainerViewControllerを設定します。

a4.gif

シミュレータで動かしてみましょう。

a5.gif

できた!上下で背景の色が異なっています!

無事Container Viewを使うことができました。

次の投稿では今回行ったContainer Viewの表示部分をコードで実装してみたいと思います。

ponnjinnka
投稿している内容は個人的な見解であり、所属組織とは関係ありません
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away