將全屏視圖添加為視圖控制器的子視圖

Question

我想制作一個view1，可以將其作為子視圖添加到覆蓋整個屏幕的視圖控制器中。 然后在view1內部，我想在中央放置一個100x100 view2。

我怎么能迅速做到這一點？ （不是情節提要）。 我想創建一個獨立的uiview類，而不僅僅是視圖控制器中的一個變量。

我想使view1 userInteractionDisabled。

Answer 1

如要獨立的uiview類，對於兩個視圖，請創建兩個類。 這樣可以更好地調制代碼，如下所示：

class TypeOneView: UIView {

  convenience init() {
    self.init(frame: UIScreen.main.bounds)
    isUserInteractionEnabled = false
    // more ui customization
    backgroundColor = UIColor.green
    // add more customization if you want
  }

}

class TypeTwoView: UIView {

  convenience init(_ width: Double,_ height: Double) {
    let fullScreenHeight = Double(UIScreen.main.bounds.height)
    let fullScreenWidth = Double(UIScreen.main.bounds.width)
    self.init(frame: CGRect(x: (fullScreenWidth/2) - (width/2), y: (fullScreenHeight/2) - (height/2), width: width, height: width))
    // additional ui customization
    backgroundColor = UIColor.red
    // add more customization if you want
  }
}

然后實例化這些視圖並將其添加為目標視圖控制器類中的子視圖，如下所示：

    let view1 = TypeOneView()
    let view2 = TypeTwoView(100.0, 100.0)
    view.addSubview(view1)
    view.addSubview(view2)
    view.bringSubview(toFront: view2)

結果：

Answer 2

var view1:UIView!
var view2:UIView!

override func viewDidLoad() {

    view1.translatesAutoresizingMaskIntoConstraints = false
    view1.isUserInteractionEnabled = false
    self.view.addSubview(view1)

    view1.topAnchor.constraint(equalTo: self.view.topAnchor, constant: 0).isActive = true
    view1.trailingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.trailingAnchor, constant: 0).isActive = true
    view1.leadingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leadingAnchor, constant: 0).isActive = true
    view1.bottomAnchor.constraint(equalTo: self.view.bottomAnchor, constant: 0).isActive = true

    view2.translatesAutoresizingMaskIntoConstraints = false
    self.view1.addSubview(view2)

    view2.heightAnchor.constraint(equalToConstant: 100).isActive = true
    view2.widthAnchor.constraint(equalToConstant: 100).isActive = true

    view2.centerXAnchor.constraint(equalTo: self.view1.centerXAnchor).isActive = true
    view2.centerYAnchor.constraint(equalTo: self.view1.centerYAnchor).isActive = true

}

Answer 3

看看這個。 就像這樣

class MyView: UIView {
    override init(frame: CGRect) {
        super.init(frame: frame)

        addMySubviews()
    }

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)

        addMySubviews()
    }

    func addMySubviews() {
        let view = UIView(frame: CGRect.zero)
        view.translatesAutoresizingMaskIntoConstraints = false

        addSubview(view)
        leadingAnchor.constraintEqualToSystemSpacingAfter(view.leadingAnchor, multiplier: 0).isActive = true
        topAnchor.constraintEqualToSystemSpacingBelow(view.topAnchor, multiplier: 0).isActive = true
        trailingAnchor.constraintEqualToSystemSpacingAfter(view.trailingAnchor, multiplier: 0).isActive = true
        bottomAnchor.constraintEqualToSystemSpacingBelow(view.bottomAnchor, multiplier: 0).isActive = true

        let view100x100 = UIView(frame: CGRect.zero)
        view100x100.translatesAutoresizingMaskIntoConstraints = false

        view.addSubview(view100x100)

        view100x100.centerXAnchor.constraintEqualToSystemSpacingAfter(centerXAnchor, multiplier: 0).isActive = true
        view100x100.centerYAnchor.constraintEqualToSystemSpacingBelow(centerYAnchor, multiplier: 0).isActive = true
        view100x100.heightAnchor.constraint(equalToConstant: 100).isActive = true
        view100x100.widthAnchor.constraint(equalToConstant: 100).isActive = true
    }
}

用法如下所述：

let myView = MyView(frame: CGRect(x: 0, y: 0, width: 275, height: 600))

要么

let myView = MyView(frame: view.frame)
myView.translatesAutoresizingMaskIntoConstraints = false
view.addSubview(myView)

myView.leadingAnchor.constraintEqualToSystemSpacingAfter(view.leadingAnchor, multiplier: 0).isActive = true
myView.topAnchor.constraintEqualToSystemSpacingBelow(view.topAnchor, multiplier: 0).isActive = true
myView.trailingAnchor.constraintEqualToSystemSpacingAfter(view.trailingAnchor, multiplier: 0).isActive = true
myView.bottomAnchor.constraintEqualToSystemSpacingBelow(view.bottomAnchor, multiplier: 0).isActive = true