Question

我经常看到UIViewController中添加了自动布局约束，但对我来说，这似乎是布局逻辑的错误位置。

是否可以在自定义NSLayoutConstraint中添加UIView？

UIView中的哪个位置是以编程方式添加它们的正确位置？

Answer 1

是否可以在自定义UIView中添加NSLayoutConstraints？

是的，可以在自定义视图中添加约束，组织在这里非常重要，特别是如果您想要为自定义视图的部分设置动画。

中的子类化部分

约束：

requiresConstraintBasedLayout - 如果你的话，实现这个类方法   视图类需要约束才能正常工作。

updateConstraints - 如果您的视图需要创建，请实现此方法   您的子视图之间的自定义约束。

alignmentRectForFrame：，frameForAlignmentRect： - 实现这些   覆盖视图与其他视图对齐方式的方法。

在UIView中哪里是以编程方式添加它们的正确位置？

以下是自定义类的骨架轮廓。关键问题是您集中了约束，否则您添加的约束越多，类就会变得非常混乱。您还可以在updateConstraints（）方法中引入其他设置，并通过设置配置值有条件地添加或删除约束，然后调用setNeedsUpdateConstraints（）。

您决定要设置动画的任何约束应该最简单的是实例变量。

希望这会有所帮助：）

class MyCustomView: UIView {

    private var didSetupConstraints = false
    private let myLabel = UILabel(frame: CGRectZero)

    // MARK: Lifecycle
    override init(frame: CGRect) {
        super.init(frame: CGRectZero)
        self.setup()
    }

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


    // Mark: - Setup
    private func setup() {

        // 1. Setup the properties of the view it's self
        self.translatesAutoresizingMaskIntoConstraints = false
        backgroundColor = UIColor.orangeColor()
        clipsToBounds = true

        // 2. Setup your subviews
        setupMyLabel()

        // 3. Inform the contraints engine to update the constraints
        self.setNeedsUpdateConstraints()
    }


    private func setupMyLabel() {

        myLabel.translatesAutoresizingMaskIntoConstraints = false

    }


    override func updateConstraints() {

        if didSetupConstraints == false {
            addConstraintsForMyLabel()
        }

        super.updateConstraints() //Documentation note: Call [super updateConstraints] as the final step in your implementation.
    }

    private func addConstraintsForMyLabel() {

        // Add your constraints here
    }

}

Answer 2

我更喜欢在视图中设置我的AutoLayout代码。我还发现，在一个地方设置所有约束作为customView初始化的一部分更容易。

import UIKit

class customView:UIView
{
    var customLabel:UILabel = UILabel()

    override init(frame: CGRect) {
        super.init(frame: frame)
        self.setupUI()
    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    func setupUI()
    {
        // Setup UI
        self.customLabel.translatesAutoresizingMaskIntoConstraints = false
        self.addSubview(customLabel)

        // Setup Constraints
        self.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("V:|-10-[customLabel]|", options: NSLayoutFormatOptions.init(rawValue: 0), metrics: nil, views: ["customLabel":self.customLabel]))
        self.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("H:|-10-[customLabel]-10-|", options: NSLayoutFormatOptions.init(rawValue: 0), metrics: nil, views: ["customLabel":self.customLabel]))
    }
}

在自定义UIView中添加自动布局约束代码的位置

2 个答案: