8、探索iOS界面布局与动画：从Auto Layout到约束动画实践

探索iOS界面布局与动画：从Auto Layout到约束动画实践

1. Auto Layout基础设置

在开发应用时，使用Auto Layout可以创建响应式用户界面。通过 Click Add 4 Constraints 添加约束到视图并关闭弹出窗口。需要注意，通过 Pin 按钮弹出窗口创建的约束与表格的最近邻居相关，不一定是其父视图。比如左右和底部约束的参考视图通常是超级视图（即视图控制器的视图），而顶部约束，如果有更靠近表格顶部的相邻视图（如菜单），Interface Builder会自动选择该视图作为顶部约束的参考。

完成基本约束设置后，还需处理两个问题：清理顶部的白色条和将现有输出口连接到相应的UI元素。白色条的出现是因为使用了安全区域布局指南，该区域会被状态栏或设备的凹槽占据。解决方法是选择白色区域（即视图控制器的主视图），打开属性检查器，将背景颜色更改为 Group Table View Background （与导航栏颜色相同），这样白色区域就会消失，导航栏看起来会更高。

接下来进行输出口连接操作：
1. 按住 Ctrl 键，用鼠标从视图控制器对象拖动到表格视图，然后从弹出菜单中选择 tableView 。
2. 同样操作，从视图控制器拖动到标题，选择 titleLabel 。
3. 对 + 按钮执行相同操作，选择 buttonMenu 。
4. 从按钮拖动回视图控制器，选择