swift - 需要有关自动布局 anchor 的帮助

Question

我正在学习自动布局 anchor 并尝试以编程方式实现这个简单的事情

这是我的代码

override func viewWillAppear(_ animated: Bool) {
    super.viewWillAppear(true)

    let view1 = UIView()
    view1.backgroundColor = .brown
    blueView.addSubview(view1)

    view1.translatesAutoresizingMaskIntoConstraints = false
    view1.topAnchor.constraint(equalTo: blueView.topAnchor, constant:10).isActive = true
    view1.bottomAnchor.constraint(equalTo: blueView.bottomAnchor, constant:10).isActive = true
    view1.leadingAnchor.constraint(equalTo: blueView.leadingAnchor, constant:10).isActive = true
    view1.trailingAnchor.constraint(equalTo: blueView.trailingAnchor, constant:10).isActive = true
    view1.heightAnchor.constraint(equalToConstant: 80).isActive = true
    view1.widthAnchor.constraint(equalToConstant: 80).isActive = true
}

这就是我得到的

出了什么问题？

Answer 1

What is going wrong?

我看到三类问题:

1. 一些约束未激活。 heightAnchor 和 widthAnchor 约束尚未设置，因此 isActive = true
2. 约束有冲突。您正在根据常量设置约束，而不考虑 super View 的尺寸。这导致约束发生冲突，例如，view1 不能是 100 点高和距父 View 顶部 263 点和 284 个点从底部 anchor 开始，同时进行。
3. 基于常量的约束通常无法使 View 在屏幕上居中，因为屏幕尺寸差异很大。

以下是这三个问题的一种可能解决方案:

override func viewWillAppear(_ animated: Bool) {
    super.viewWillAppear(true)

    let view1 = UIView()
    view1.backgroundColor = .brown
    view.addSubview(view1)

    view1.translatesAutoresizingMaskIntoConstraints = false
    view1.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true
    view1.centerYAnchor.constraint(equalTo: view.centerYAnchor).isActive = true
    view1.heightAnchor.constraint(equalToConstant: 100.0).isActive = true
    view1.widthAnchor.constraint(equalToConstant: 100.0).isActive = true
}

这里，我们设置view1的X和Y中心等于父 View 的X和Y中心，定义view1的高度和宽度为常量，并将所有相关约束设置为事件状态。

您可以在 Auto Layout Guide 中找到其他解决方案.