iOS-自动版面配置

自动版面配置是指 iOS 应用程序中自动适配多种屏幕尺寸的布局方案。在不同尺寸的设备上，应用程序仍然可以提供一致的体验。利用自动版面配置，布局会自动根据设备或者屏幕尺寸去改变其大小和位置。

优势

通过使用自动版面配置，您可以获得以下的好处：

• 更少的布局代码，避免重复代码
• 在不同大小的设备上获得更可预测的 UI 表现
• 创建响应式 UI 布局
• 更快的开发周期

实施方式

实现 iOS 自动版面配置有两种方式：

• 约束布局 (Autolayout) - 使用约束布局 (autolayout) 系统，可以指定元素之间的位置、距离以及比例关系，然后系统会自动调整界面元素的大小、位置、内容等。
• Stack View - 内置的 Stack View，iOS 9 中增加，可以让你通过短代码轻松创建一个灵活的布局体系，但这种方式 只适用于iOS 9及更高版本。

适用场景

当您需要实现下列场景时，使用自动布局会非常方便：

• 响应式 UI，在不同终端设备上展示同样的界面，并保持良好的界面布局
• 水平、垂直居中
• 不同屏幕尺寸展示相同数量的页面元素
• 横竖屏间转换布局
• 具有不同局部要素的 UI 布局，如锁定位置，使其与另一个 UI 元素对齐等

最佳实践

以下是使用 iOS 自动版面配置的最佳实践：

1. Keep it simple - 简洁易懂
2. Don't repeat yourself
3. 使用 UISafeAreaLayoutGuide 适配 iPhone X 等异形屏
4. 不要使用 frame 或 frame-based 布局方式，不仅会增加耦合，也会导致在不同屏幕大小的设备上，界面不协调
5. 尽可能使用固定比例和宽高比

参考资料

关于 iOS 自动版面配置，您可以参考以下资料：

• Getting Started with iOS Auto Layout：https://developer.apple.com/library/content/documentation/UserExperience/Conceptual/AutolayoutPG/index.html
• Beginning Auto Layout Tutorial：https://www.raywenderlich.com/160527/auto-layout-tutorial-ios-getting-started
• iOS 12 Programming Fundamentals：https://www.bigmountainstudio.com/ios-12-programming-fundamentals-with-swift-swift-4-2-xcode-10/