13、单元格的修改与配置：实现自适应布局

单元格的修改与配置：实现自适应布局

在应用开发中，确保用户界面（UI）能够适应不同设备的屏幕尺寸和方向至关重要。Auto Layout 是实现这一目标的有效工具，下面将详细介绍如何为应用中的不同视图添加 Auto Layout 约束。

为探索屏幕的分区标题添加 Auto Layout

当在 iPhone 11 模拟器中构建并运行应用时，集合视图的分区标题看起来可能不错，但切换到小屏幕模拟器时，一些图形元素可能会被截断。Auto Layout 可以确保 UI 适应设备的屏幕尺寸和方向。以下是为集合视图分区标题中的多个 UI 元素添加 Auto Layout 约束的步骤：
1. 选择容器视图
- 点击“Add New Constraints”按钮，输入以下值：
- Top: 0
- Left: 0
- Right: 0
- Height: 90
- 点击“Add 4 Constraints”，将容器视图的顶部、左侧和右侧边缘绑定到集合可重用视图的边缘，高度设置为 90 点。
2. 选择用作副标题的标签
- 点击“Add New Constraints”按钮，输入以下值：
- Top: 24
- Left: 8
- Right: 16
- Height: 21
- 点击“Add 4 Constraints”，设置标签与容器视图相应边缘的间距，宽度未设置，以便在不同屏幕上自适应。
3. 选择“LOCATION”按钮
- 点击“Add Ne