18、高效利用界面构建工具与 Core Graphics 绘图

高效利用界面构建工具与 Core Graphics 绘图

1. 从 Interface Builder 中获取更多功能

在使用 Interface Builder 时，有许多实用的功能可以帮助我们更高效地进行界面设计。

1.1 查看视图层次结构

点击一组三个按钮的中间按钮，能显示完整的视图层次结构，包括按钮单元格、按钮、自定义视图、视图和视图控制器。这不仅节省屏幕空间，操作速度快，还能为我们提供很多有用的信息。

1.2 调试视图层次结构

当应用运行时，我们可以使用“Debug View Hierarchy”功能。点击相应按钮后，故事板会消失并被新的视图替代。通过鼠标拖动，UI 表示会旋转，让我们更清晰地了解界面情况。打开此视图后，我们仍可选择元素，打开对象检查器（Command + Option + 3）并选择元素，能获取每个视图属性的详细信息，项目越大，该功能越有价值。

同时，窗口中有各种控件可控制一次显示的信息量：
- 深度调整 ：设置图层之间的分隔程度。
- 可见视图范围调整 ：使用滑块调整。向左移动左滑块可移除背景视图，向右移动右滑块可移除前景视图。

此外，调试会话中还有其他视图设置：
- 线框视图 ：可设置显示 UI 的线框视图，或完全移除边框，只显示视图内容，默认显示线框和内容。
- 缩放 ：使用“+”和“-”按钮控制缩放级别。
- 显示约束 ：点击相应按钮可查