3.2 使用NSLayoutConstraint进行布局

准备好使用 NSLayoutConstraint 来精确控制你的 iOS 界面布局了吗？🎉 这是一个强大的工具，能让你以代码的方式定义视图之间的关系，确保你的应用在各种设备上都能完美呈现。让我们一起深入了解吧！

什么是 NSLayoutConstraint？

NSLayoutConstraint 是 Auto Layout 的核心。它代表了两个视图属性之间的约束关系。你可以用它来定义视图的宽度、高度、位置，以及它们之间的间距。通过设置这些约束，你可以告诉 iOS 如何根据屏幕尺寸和方向来调整视图的大小和位置。

属性 (Attribute)：例如，视图的顶部、底部、左边、右边、宽度、高度或中心点。
关系 (Relation)：例如，等于、大于等于或小于等于。
常量 (Constant)：一个数值，表示约束的偏移量。
优先级 (Priority)：约束的重要性，范围从 1 到 1000。

创建 NSLayoutConstraint

创建 NSLayoutConstraint 有几种方法，但最常见的是使用 NSLayoutConstraint 的初始化方法。你需要指定要约束的两个视图、它们的属性、关系和常量。

swift

let myView = UIView()
let anotherView = UIView()

let myConstraint = NSLayoutConstraint(item: myView,
                                      attribute: .top,
                                      relatedBy: .equal,
                                      toItem: anotherView,
                                      attribute: .bottom,
                                      multiplier: 1.0,
                                      constant: 20.0)

myConstraint.isActive = true // 激活约束

这段代码创建了一个约束，将 myView 的顶部与 anotherView 的底部对齐，并添加了 20 像素的间距。记得将 translatesAutoresizingMaskIntoConstraints 设置为 false，这样 Auto Layout 才能接管视图的布局。

激活约束

创建约束后，你需要激活它才能生效。有两种方法可以激活约束：

单独激活：将 NSLayoutConstraint 的 isActive 属性设置为 true。
批量激活：使用 NSLayoutConstraint.activate([constraint1, constraint2, ...]) 方法一次性激活多个约束。

推荐使用批量激活，因为它可以提高性能。

约束的优先级

约束的优先级决定了在布局冲突时哪个约束应该被满足。优先级范围从 1 到 1000，其中 1000 是必需的。如果两个约束冲突，Auto Layout 会尝试满足优先级较高的约束。你可以使用 constraint.priority = UILayoutPriority(rawValue: 750) 来设置约束的优先级。

示例：创建一个简单的布局

让我们创建一个简单的布局，其中包含两个视图，一个在另一个的上方，并保持一定的间距。

创建两个 UIView 实例。
将 translatesAutoresizingMaskIntoConstraints 设置为 false。
添加约束来定义它们的位置和大小。

swift

let topView = UIView()
topView.backgroundColor = .red
topView.translatesAutoresizingMaskIntoConstraints = false

let bottomView = UIView()
bottomView.backgroundColor = .blue
bottomView.translatesAutoresizingMaskIntoConstraints = false

view.addSubview(topView)
view.addSubview(bottomView)

NSLayoutConstraint.activate([
    topView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: 20),
    topView.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 20),
    topView.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -20),
    topView.heightAnchor.constraint(equalToConstant: 100),

    bottomView.topAnchor.constraint(equalTo: topView.bottomAnchor, constant: 20),
    bottomView.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 20),
    bottomView.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -20),
    bottomView.heightAnchor.constraint(equalToConstant: 100)
])

这段代码创建了两个视图，一个红色和一个蓝色，它们之间有 20 像素的间距。红色视图位于屏幕顶部，蓝色视图位于红色视图下方。

总结

使用 NSLayoutConstraint 可以让你精确控制 iOS 应用程序的布局。通过理解属性、关系、常量和优先级，你可以创建适应各种屏幕尺寸和方向的灵活界面。记住，实践是最好的老师！多尝试不同的约束组合，你会越来越熟练的。🚀

3.2 使用NSLayoutConstraint进行布局 ​

什么是 NSLayoutConstraint？ ​

创建 NSLayoutConstraint ​

激活约束 ​

约束的优先级 ​

示例：创建一个简单的布局 ​

总结 ​