7.2_关闭translatesAutoresizingMaskIntoConstraints

在iOS开发中，当你使用Auto Layout进行界面布局时，理解并正确处理 translatesAutoresizingMaskIntoConstraints 属性至关重要。这个属性决定了系统是否自动将基于Autoresizing Mask的布局规则转换为Auto Layout约束。让我们一起深入了解如何关闭它，以及为什么这样做对你的布局至关重要！🎉

什么是 translatesAutoresizingMaskIntoConstraints？

简单来说，translatesAutoresizingMaskIntoConstraints 是一个布尔类型的属性，存在于 UIView 类中。当它的值为 true 时（默认值），系统会根据视图的 Autoresizing Mask 自动生成对应的 Auto Layout 约束。Autoresizing Mask 是一种旧的布局方式，它通过设置视图的 autoresizingMask 属性来定义视图在父视图大小改变时的行为。

• Autoresizing Mask 依赖于视图的 frame 属性。
• Auto Layout 依赖于约束（Constraints）。

为什么要关闭它？🤔

当你完全使用 Auto Layout 进行布局时，你需要关闭 translatesAutoresizingMaskIntoConstraints。这是因为：

1. 避免冲突：Autoresizing Mask 产生的约束可能与你手动添加的 Auto Layout 约束冲突，导致布局混乱。
2. 完全控制：关闭后，你可以完全通过 Auto Layout 约束来控制视图的布局，确保布局的精确性和一致性。
3. 性能优化：虽然影响不大，但关闭它可以避免系统不必要的约束转换计算。

如何关闭 translatesAutoresizingMaskIntoConstraints？

关闭这个属性非常简单，你只需要在创建视图后，设置它的 translatesAutoresizingMaskIntoConstraints 属性为 false 即可。

let myView = UIView()
myView.translatesAutoresizingMaskIntoConstraints = false

请记住，必须在将视图添加到父视图之前完成此操作。否则，系统可能会在你设置 translatesAutoresizingMaskIntoConstraints 为 false 之前，就基于 Autoresizing Mask 创建了约束。

示例：创建一个简单的视图

让我们创建一个简单的例子，演示如何关闭 translatesAutoresizingMaskIntoConstraints 并使用 Auto Layout 约束来定位一个视图。

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        let myView = UIView()
        myView.backgroundColor = .red
        myView.translatesAutoresizingMaskIntoConstraints = false // 关闭！
        view.addSubview(myView)

        // 添加约束
        myView.widthAnchor.constraint(equalToConstant: 100).isActive = true
        myView.heightAnchor.constraint(equalToConstant: 100).isActive = true
        myView.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true
        myView.centerYAnchor.constraint(equalTo: view.centerYAnchor).isActive = true
    }
}

在这个例子中，我们创建了一个红色的 UIView，并将其 translatesAutoresizingMaskIntoConstraints 设置为 false。然后，我们使用 Auto Layout 约束将其居中放置在父视图中，并设置了它的宽度和高度。

• widthAnchor 和 heightAnchor 设置视图的尺寸。
• centerXAnchor 和 centerYAnchor 将视图居中。

通过这种方式，你可以完全控制视图的布局，避免了 Autoresizing Mask 带来的潜在问题。希望这个教程能帮助你更好地理解和使用 translatesAutoresizingMaskIntoConstraints！继续加油！💪