UIStackViewとAutoLayoutとUIViewをコードから使ってみるサンプル

AutoLayoutを使って、UIStackViewを画面中央に配置し、
その中にUIViewとUISwitchを入れてみるサンプル。

UIStackViewは縦と横で必ず何かしらのAutoLayoutを指定しないといけないようでした。

        let stack:UIStackView = UIStackView()
        stack.backgroundColor = UIColor.cyan
        view.addSubview(stack)
        stack.translatesAutoresizingMaskIntoConstraints = false
        stack.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true
        stack.centerYAnchor.constraint(equalTo: view.centerYAnchor).isActive = true


        let myView = UIView()
        myView.backgroundColor = UIColor.brown
        myView.translatesAutoresizingMaskIntoConstraints = false
        myView.widthAnchor.constraint(equalToConstant: 100).isActive = true
        myView.heightAnchor.constraint(equalToConstant: 100).isActive = true

        stack.addArrangedSubview(myView)
        stack.addArrangedSubview(UISwitch())
        stack.addArrangedSubview(UISwitch())
        stack.addArrangedSubview(UISwitch())