2.3_以编程方式添加和布局视图

视图的创建与层级管理

在纯代码开发中，视图的创建是第一步。你将直接实例化 UIView 或其子类对象。例如，创建一个红色的视图非常简单：

let myView = UIView()
myView.backgroundColor = .red

这行代码就创建了一个视图实例。接下来，你需要将其添加到视图层级中。每个视图都有一个 superview 属性，指向它的父视图，以及一个 subviews 数组，包含它的所有子视图。

将视图添加到父视图

要让你的视图显示出来，必须将其添加到一个已经存在的视图上，通常是根视图控制器的 view。使用 addSubview(_:) 方法可以轻松实现这一点。

view.addSubview(myView)

这会将 myView 添加到当前视图控制器的根视图上。视图的添加顺序很重要，后添加的视图会覆盖先添加的视图，形成一个堆叠的视觉效果。

使用 Auto Layout 进行布局

在纯代码中，我们强烈推荐使用 Auto Layout 进行视图布局。它提供了强大的灵活性和适应性，确保你的界面在不同设备尺寸和方向上都能完美呈现。首先，你需要禁用视图的 translatesAutoresizingMaskIntoConstraints 属性。

myView.translatesAutoresizingMaskIntoConstraints = false

这一步至关重要，它告诉系统你将手动设置约束，而不是让 Auto Layout 自动生成。

激活约束

一旦禁用了自动转换，你就可以开始定义约束了。Auto Layout 约束定义了视图之间的几何关系。例如，让 myView 居中并设置固定大小：

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

这里，我们使用了 centerXAnchor、centerYAnchor、widthAnchor 和 heightAnchor 来定义视图的中心位置和尺寸。equalToConstant 用于设置固定值，而 equalTo 则用于与其他视图的锚点对齐。激活这些约束后，你的视图就会按照预期进行布局。🚀

布局的实践技巧

在实际开发中，你可能会遇到更复杂的布局需求。例如，你可以使用 leadingAnchor、trailingAnchor、topAnchor 和 bottomAnchor 来将视图固定到父视图的边缘。

let anotherView = UIView()
anotherView.backgroundColor = .blue
view.addSubview(anotherView)
anotherView.translatesAutoresizingMaskIntoConstraints = false

NSLayoutConstraint.activate([
    anotherView.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 20),
    anotherView.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -20),
    anotherView.topAnchor.constraint(equalTo: myView.bottomAnchor, constant: 30),
    anotherView.heightAnchor.constraint(equalToConstant: 100)
])

这个例子展示了如何将 anotherView 水平居中，并放置在 myView 的下方。通过熟练运用这些锚点和约束，你将能够构建出任何复杂的界面布局。记住，多练习是掌握 Auto Layout 的关键！💪 超过 85% 的专业 iOS 开发者都选择 Auto Layout 进行布局，因为它提供了无与伦比的灵活性和可维护性。