4.3_使用Layout-Anchors简化约束代码

告别繁琐，拥抱Layout Anchors的优雅布局 ✨

在iOS 18的UIKit纯代码编程中，NSLayoutConstraint虽然强大，但其冗长的代码常常让人望而却步。幸运的是，Apple为我们带来了NSLayoutAnchor，它极大地简化了Auto Layout的约束创建过程，让你的代码更加简洁、易读。想象一下，你现在可以像搭积木一样轻松地构建复杂的UI界面！

Layout Anchors的核心优势

Layout Anchors是NSLayoutConstraint的语法糖，它提供了一种更具表达力的方式来定义视图之间的关系。你不再需要手动指定item、attribute、relatedBy等参数，而是可以直接通过视图的锚点属性来创建约束。这就像拥有了一套智能工具，能自动帮你完成大部分繁琐的工作。

• 代码更简洁: 显著减少了创建约束所需的代码行数，提升开发效率。
• 可读性更强: 约束的意图一目了然，更容易理解和维护。
• 类型安全: 编译器会在你尝试连接不兼容的锚点时发出警告，减少运行时错误。

例如，将一个视图的顶部锚点连接到另一个视图的底部锚点，现在只需一行代码即可完成，而不是之前需要多行复杂的NSLayoutConstraint初始化。

常用Layout Anchors类型

UIView提供了多种Layout Anchors，涵盖了视图的各个方面，让你能够精确控制布局。

1. 尺寸锚点:
   • widthAnchor: 控制视图的宽度。
   • heightAnchor: 控制视图的高度。
2. 边缘锚点:
   • leadingAnchor: 视图的起始边缘（在从左到右的语言环境中是左边缘）。
   • trailingAnchor: 视图的结束边缘（在从左到右的语言环境中是右边缘）。
   • leftAnchor: 视图的左边缘。
   • rightAnchor: 视图的右边缘。
   • topAnchor: 视图的顶部边缘。
   • bottomAnchor: 视图的底部边缘。
3. 中心锚点:
   • centerXAnchor: 视图的水平中心。
   • centerYAnchor: 视图的垂直中心。

这些锚点属性都是NSLayoutXAxisAnchor、NSLayoutYAxisAnchor或NSLayoutDimension的实例，它们提供了丰富的方法来创建约束。

实际应用：居中一个视图 🎯

让我们通过一个简单的例子来感受Layout Anchors的魅力。假设我们要在父视图中居中一个子视图，并为其设置固定的尺寸。

let myView = UIView()
myView.backgroundColor = .systemBlue
myView.translatesAutoresizingMaskIntoConstraints = false // 禁用自动转换

view.addSubview(myView)

NSLayoutConstraint.activate([
    myView.centerXAnchor.constraint(equalTo: view.centerXAnchor),
    myView.centerYAnchor.constraint(equalTo: view.centerYAnchor),
    myView.widthAnchor.constraint(equalToConstant: 100),
    myView.heightAnchor.constraint(equalToConstant: 100)
])

这段代码清晰地表达了我们的意图：myView的中心与view的中心对齐，并且它的宽度和高度都是100点。与使用NSLayoutConstraint的冗长初始化方法相比，这简直是天壤之别！这种方式将代码量减少了大约60%，极大地提升了开发效率。

结合常量和乘数

Layout Anchors不仅支持简单的相等约束，还可以轻松地添加常量偏移和乘数。

• 添加常量: 使用constraint(equalTo:constant:)或constraint(greaterThanOrEqualTo:constant:)等方法。
• 添加乘数: 对于尺寸锚点，可以使用constraint(equalTo:multiplier:constant:)。

例如，如果你想让一个视图的顶部距离父视图顶部20点，你可以这样写：

myView.topAnchor.constraint(equalTo: view.topAnchor, constant: 20)

这使得创建具有特定间距或比例关系的约束变得异常简单。你将发现，通过这些强大的工具，你可以以前所未有的速度和准确性构建出令人惊叹的UI界面。