Auto Layout：什么是自动布局、iOS自适应界面布局

什么是Auto Layout？

Auto Layout — 是苹果公司的自适应布局系统，使用数学约束(constraints)来定位UI元素。与基于框架的布局（frame-based layout）不同——其中每个元素具有固定的x、y、width、height坐标——Auto Layout描述元素之间的关系：「按钮位于父视图右边缘8pt处」或「文本字段的宽度等于屏幕宽度的一半」。该机制基于Cassowary算法，由华盛顿大学（Greg J. Badros，1999年）开发并由苹果公司在iOS 6中实现。Cassowary求解带优先级的线性不等式系统——Required（1000）、Default High（750）、Default Low（250）——从而可以管理约束冲突。Auto Layout支持三种尺寸类型：intrinsic（由内容决定的元素自然尺寸）、explicit（显式指定的约束）和compressible/stretchable（通过Content Hugging Priority和Compression Resistance Priority实现的弹性模式）。

Intrinsic Content Size和优先级

Auto Layout中的每个UI元素都有Intrinsic Content Size——由其内容决定的自然尺寸。对于UILabel取决于文本和字体，对于UIImageView取决于图像尺寸。Content Hugging Priority（抗拉伸性）和Compression Resistance Priority（抗压缩性）管理元素在可用空间变化时的行为。标准值：hugging为251，compression resistance为749。如果两个元素竞争空间，优先级决定哪个先拉伸。理解这些优先级是消除Ambiguous Layout（不明确布局）的关键，Xcode会在调试器中高亮显示。

约束的结构

约束用方程描述：view1.attribute = multiplier × view2.attribute + constant。属性包括leading、trailing、top、bottom、centerX、centerY、width、height、firstBaseline、lastBaseline。Multiplier用于比例关系（view1宽度 = 0.5 × superview宽度）。Constant定义固定间距（leading = superview.leading + 16）。Interface Builder工具允许通过Ctrl拖拽可视化设置约束，但复杂布局需要通过NSLayoutConstraint或VFL（Visual Format Language）编程创建，苹果建议从iOS 9开始用NSLayoutConstraint替代VFL。

约束在iOS中的工作原理

约束系统作为线性规划问题求解：Cassowary算法找到所有元素的最佳位置，在考虑其优先级的同时满足所有约束。如果约束相互矛盾，则产生Unsatisfiable Layout——Xcode会记录包含冲突详细描述的异常。如果约束不足以确定至少一个元素的位置，则产生Ambiguous Layout——元素显示在任意位置。苹果建议最小集合：每个元素必须指定position（x，y）和size（width，height）——显式或通过intrinsic content size。约束可以是first-class：主导元素（例如superview）和从属元素（子视图）创建层级结构。

Cassowary算法和优先级

Cassowary使用Sequential Quadratic Programming方法求解线性不等式系统。每个约束的优先级从1到1000。Required（1000）——强制性约束；如果无法满足，应用程序会崩溃并抛出NSConstraintException。Default High（750）——建议性；Default Low（250）——最不重要。发生冲突时，Cassowary会放松优先级较低的约束。例如，如果两个元素需要固定宽度而屏幕太窄，则放松优先级较低的约束。在Xcode Debug View Hierarchy（从Xcode 6开始可用的调试工具）中，仅高亮显示Required约束的问题——其余约束无错误处理。

UIStackView：自动管理约束

UIStackView — 在iOS 9（2015）中引入的容器，自动创建和管理嵌套arrangedSubviews的约束。UIStackView支持两个轴：horizontal（水平布局）和vertical（垂直布局）。distribution设置决定空间分布：fill（按hugging priority比例填充）、fillEqually（等尺寸）、fillProportionally（按intrinsic content size比例）、equalSpacing（等间距）、equalCentering（中心间等距离）。Alignment指定跨轴对齐：fill、leading、center、trailing（用于horizontal）或fill、top、center、bottom（用于vertical）。UIStackView自动管理间距、基线对齐和适应Dynamic Type。

import UIKit

class StackViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let stack = UIStackView()
        stack.axis = NSLayoutConstraint.Axis.vertical
        stack.distribution = .fillEqually
        stack.spacing = 8
        stack.translatesAutoresizingMaskIntoConstraints = false
        
        let label = UILabel()
        label.text = "Auto Layout 指南"
        label.font = UIFont.preferredFont(forTextStyle: .headline)
        
        let button = UIButton(type: .system)
        button.setTitle("应用", for: .normal)
        
        stack.addArrangedSubview(label)
        stack.addArrangedSubview(button)
        view.addSubview(stack)
        
        NSLayoutConstraint.activate([
            stack.centerXAnchor.constraint(equalTo: view.centerXAnchor),
            stack.centerYAnchor.constraint(equalTo: view.centerYAnchor),
            stack.leadingAnchor.constraint(greaterThanOrEqualTo: view.leadingAnchor, constant: 16),
            stack.trailingAnchor.constraint(lessThanOrEqualTo: view.trailingAnchor, constant: -16)
        ])
    }
}

代码创建了一个垂直的UIStackView，包含两个元素（UILabel和UIButton），均匀分布（fillEqually），间距为8pt。堆栈在屏幕中居中，距边缘至少16pt。translatesAutoresizingMaskIntoConstraints = false在编程创建约束时是必需的——没有它Auto Layout无法工作。在IT Sectr中，UIStackView用于80%的iOS项目屏幕，用于构建自适应表单、设置列表和卡片。

嵌套Stack View

UIStackView可以嵌套：垂直堆栈内的水平堆栈——复杂布局的标准模式。外部堆栈管理行，内部堆栈管理行内的列。每一层的axis、alignment和distribution组合提供了几乎无限的灵活性，无需任何手动约束。苹果建议使用UIStackView作为UIKit中的主要布局工具，仅在堆栈无法覆盖的情况下使用手动NSLayoutConstraint：重叠视图、像素级精确定位、自定义bounds动画。

NSLayoutConstraint：编程创建约束

NSLayoutConstraint — 用于在代码中创建单个约束的编程API。每个约束通过初始化器创建，参数包括：item、attribute、relatedBy、toItem、attribute、multiplier、constant。从iOS 9开始，苹果引入了Anchor API——通过view.leadingAnchor、view.trailingAnchor、view.topAnchor、view.bottomAnchor、view.centerXAnchor、view.centerYAnchor、view.widthAnchor、view.heightAnchor属性实现更易读的语法。Anchor API自动设置relatedBy = .equal并使用Anchor中的First Item/Second Item，相比经典NSLayoutConstraint减少了40%的代码。

import UIKit

class ConstraintViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let childView = UIView()
        childView.backgroundColor = .systemBlue
        childView.translatesAutoresizingMaskIntoConstraints = false
        view.addSubview(childView)
        
        NSLayoutConstraint.activate([
            childView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: 24),
            childView.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 16),
            childView.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -16),
            childView.heightAnchor.constraint(equalToConstant: 120),
            childView.bottomAnchor.constraint(lessThanOrEqualTo: view.bottomAnchor, constant: -24)
        ])
    }
}

代码将childView相对于safeAreaLayoutGuide（top）和屏幕边缘（leading/trailing）进行定位。bottom的lessThanOrEqualTo确保视图不会超出下边界。如果锚点不兼容（例如leadingAnchor与rightAnchor混合），Anchor API会在编译阶段抛出异常，从而防止运行时错误。苹果建议从iOS 9开始将Anchor API作为编程Auto Layout的标准。

Auto Layout中的Safe Area和Layout Margins

Safe Area — 未被系统元素覆盖的屏幕区域：Dynamic Island、Notch、Status Bar、Home Indicator、圆角。在iOS 11中，苹果用safeAreaLayoutGuide替代了topLayoutGuide/bottomLayoutGuide，它会自动适应设备方向和屏幕凹口的存在。Layout Margins — 视图的默认内部边距（iOS上为16pt，iPadOS上为20pt）。对于UILayoutGuide，可以设置考虑RIGHT-TO-LEFT本地化的自定义directionalLayoutMargins。在锚点中使用safeAreaLayoutGuide时，Auto Layout会自动考虑safe area。

适应Dynamic Island和Notch

在带有Dynamic Island（iPhone 14 Pro及更新机型）和Notch（iPhone X–13）的设备上，Safe Area在竖屏模式下从顶部排除44pt（Dynamic Island活跃状态下为59pt）。Home Indicator从底部增加34pt。为正确适应，所有顶部约束必须绑定到safeAreaLayoutGuide.topAnchor，而不是view.topAnchor。底部约束绑定到safeAreaLayoutGuide.bottomAnchor或view.bottomAnchor并预留Home Indicator空间。在IT Sectr，我们在iPhone SE（2022）、iPhone 14 Pro Max和iPad Pro 12.9″模拟器上测试所有屏幕——这三个设备覆盖了safe area的所有变体。

Auto Layout常见错误

使用Auto Layout时最常见的错误：忘记translatesAutoresizingMaskIntoConstraints = false、冲突的Required约束（优先级1000）、Ambiguous Layout（约束不足以确定位置）、多行文本UILabel的Content Hugging Priority不正确以及leading/trailing与left/right anchors混合使用。Xcode 15+在Runtime Issue Navigator中显示布局问题并提供自动修正。对于复杂布局，请使用Debug View Hierarchy：黄色标签表示不明确布局，红色标签表示无法满足的布局。