代码中设置的自动布局约束未出现在界面生成器中

Question

我有一个在界面生成器中设置的自定义视图，具有顶部、前导、尾随、高度限制。

在我的自定义视图中，我有一个标题和一个按钮。我试图在标题中添加 bottom 和 centerY 约束。以及按钮的宽度、高度、底部、前导约束。

当我添加任何约束时，我在界面生成器中收到警告：

Expected: width=600, height=68.

Actual: width=0, height=0

当我运行代码一切正常，但我在界面生成器中看不到任何东西。

代码：

@IBDesignable
class UIHeader: UIView {

var delegate: HeaderDelegate?

private lazy var titleLable: UILabel = {
    let lbl = UILabel()
    lbl.translatesAutoresizingMaskIntoConstraints = false
    lbl.font = UIFont(name: "Lato-Light", size: 16)
    lbl.text = "Title"
    return lbl
}()

private lazy var backButton: UIButton = {
    let btn = UIButton()
    btn.tintColor = UIColor.lightGrayColor()
    btn.translatesAutoresizingMaskIntoConstraints = false
    
    let image = UIImage(named: "prev")
    if let image = image {
        btn.setImage(image.imageWithRenderingMode(.AlwaysTemplate), forState: .Normal)
    }
    btn.addTarget(self, action: #selector(UIHeader.OnBackButtonClickLister(_:)), forControlEvents: .TouchUpInside)
    return btn
}()

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

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

extension UIHeader {

@IBInspectable
var backButtonImage: UIImage? {
    get {
        return backButton.imageForState(.Normal)
    }
    set (newImage) {
        backButton.setImage(newImage?.imageWithRenderingMode(.AlwaysTemplate), forState: .Normal)
    }
}

@IBInspectable
var title: String? {
    get {
        return titleLable.text
    }
    set (newTitle) {
        titleLable.text = newTitle
    }
}
}

extension UIHeader {
private func setupView() {
    backgroundColor = UIColor.whiteColor()
    translatesAutoresizingMaskIntoConstraints = false
    addSubview(titleLable)
    addSubview(backButton)
    
    //add shadow
    layer.shadowColor = UIColor(white: 115/255, alpha: 1.0).CGColor
    layer.shadowOpacity = 0.5
    layer.shadowRadius = 8
    layer.shadowOffset = CGSizeMake(0, -1)
    
    NSLayoutConstraint.activateConstraints([
        //Title//
        //center x
        NSLayoutConstraint(item: titleLable, attribute: .CenterX, relatedBy: .Equal, toItem: self, attribute: .CenterX, multiplier: 1.0, constant: 0),
        //bottom
        NSLayoutConstraint(item: self, attribute: .Bottom, relatedBy: .Equal, toItem: titleLable, attribute: .Bottom, multiplier: 1, constant: 12),
        
        //button//
        //bottom
        NSLayoutConstraint(item: self, attribute: .Bottom, relatedBy: .Equal, toItem: backButton, attribute: .Bottom, multiplier: 1, constant: 4),
        
        //leading
        NSLayoutConstraint(item: backButton, attribute: .Leading, relatedBy: .Equal, toItem: self, attribute: .Leading, multiplier: 1, constant: 0),
        
        //width
        NSLayoutConstraint(item: backButton, attribute: .Width, relatedBy: .Equal, toItem: nil, attribute: .Width, multiplier: 1, constant: 40),
        
        //height
        NSLayoutConstraint(item: backButton, attribute: .Height, relatedBy: .Equal, toItem: nil, attribute: .Height, multiplier: 1, constant: 40)
        ])
}
}

我还尝试添加约束：

addConstraint(NSLayoutConstraint)

无法弄清楚问题是什么。

谢谢

Answer 1

我删除了

    translatesAutoresizingMaskIntoConstraints = false

一切都很好。

代码中设置的自动布局约束未出现在界面生成器中

Autolayout constraints set in code not appearing in interface builder

uiview

autolayout

nslayoutconstraint

swift