用Xib創建的自定義視圖在Interface Builder中不起作用

Question

我已經在.Xib文件的幫助下創建了一個自定義視圖。 當我以編程方式創建視圖並將其添加到我的ViewController時，它可以正常工作。 但是，如果我在Interface Builder中創建一個UIView並將該類設置為我的CustomView類並運行它，它將不會顯示。

這是我的CustomView類中的代碼：

@IBOutlet var view: UIView!

init() {
    super.init(frame:CGRect.zero)
    setup()
}

override init(frame: CGRect) {
    super.init(frame: frame)
    setup()
}

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


func setup() {
    Bundle.main.loadNibNamed("CustomView", owner: self, options: nil)
    view.backgroundColor = UIColor(red: 10.0/255.0, green: 30.0/255.0, blue: 52.0/255.0, alpha: 1.0)
    view.translatesAutoresizingMaskIntoConstraints = false
    view.isUserInteractionEnabled = true
}


func presentInView(superView:UIView) {

    superView.addSubview(view)

    // Define Constraints
    let height = NSLayoutConstraint(item: view, attribute: .height, relatedBy: .equal, toItem: nil, attribute: .notAnAttribute, multiplier: 1.0, constant: 90.0)
    view.addConstraint(height)

    let topConstraint = NSLayoutConstraint(item: view, attribute: .top, relatedBy: .equal, toItem: superView, attribute: .top, multiplier: 1.0, constant: 0.0)
    let leftConstraint = NSLayoutConstraint(item: view, attribute: .left, relatedBy: .equal, toItem: superView, attribute: .left, multiplier: 1.0, constant: 0.0)
    let rightConstraint = NSLayoutConstraint(item: view, attribute: .right, relatedBy: .equal, toItem: superView, attribute: .right, multiplier: 1.0, constant: 0.0)
    superView.addConstraints([topConstraint,leftConstraint, rightConstraint])
}

在.Xib文件，我設置了類的Files Owner給CustomView和連接IBOutlet中view在主視圖.Xib 。

在我的ViewController中，我這樣做是為了向其中添加CustomView ：

let customView = CustomView()
customView.presentInView(superView: self.view)

當我在Interface Builder中添加UIView ，它應該像以編程方式進行時一樣工作。

Answer 1

您是否在Interface Builder中將CustomView類分配給uiview。

Answer 2

問題是view的大小，即我連接到.Xib文件中的view的IBOutlet 。 當我用代碼創建CustomView時，我還調用了presentInView方法，我認為在Interface Builder中創建該方法是不必要的，因為我在那里設置了約束。 但是我忘記了，我在Interface Builder中設置的約束是針對類本身而不是其view出口的。 因此， view需要約束以將其保留在CustomView視圖中，這不是ViewController.view而是CustomView 。 那就是為什么我也必須寫self.addSubview(view)

通過這些更改，它可以工作。 這是最終代碼：

func setup() {

    Bundle.main.loadNibNamed("CustomView", owner: self, options: nil)
    view.backgroundColor = UIColor(red: 10.0/255.0, green: 30.0/255.0, blue: 52.0/255.0, alpha: 1.0)
    view.translatesAutoresizingMaskIntoConstraints = false
    view.isUserInteractionEnabled = true
    self.addSubview(view)

    let topConstraint = NSLayoutConstraint(item: view, attribute: .top, relatedBy: .equal, toItem: self, attribute: .top, multiplier: 1.0, constant: 0.0)
    let leftConstraint = NSLayoutConstraint(item: view, attribute: .left, relatedBy: .equal, toItem: self, attribute: .left, multiplier: 1.0, constant: 0.0)
    let rightConstraint = NSLayoutConstraint(item: view, attribute: .right, relatedBy: .equal, toItem: self, attribute: .right, multiplier: 1.0, constant: 0.0)
    let bottomConstraint = NSLayoutConstraint(item: view, attribute: .bottom, relatedBy: .equal, toItem: self, attribute: .bottom, multiplier: 1.0, constant: 0.0)
    self.addConstraints([topConstraint,leftConstraint, rightConstraint, bottomConstraint])

}

不再需要presentInView方法。

希望如果有人遇到這樣的問題會有所幫助。