iOS可视化布局中的预览功能

在iOS开发中, 我们可以通过Storyboard或Xib进行可视化界面的布局, 然后使用AutoLayout进行屏幕适配, 此时我们在模拟器上运行是比较费时的, 原因是要切换到不同大小的屏幕上观看样式, 而切换模拟器需要一定的时间, 如果Mac的性能较差, 那就非常痛苦了

不过Xcode上已经给我们添加了一个不需要切换模拟器就能预览各个屏幕上界面的功能

以下就是可视化界面布局的预览功能流程图:

• 第一步:

第一步.png

• 第二步:

第二步.png

• 第三步:

第三步.png

• 第四步:

第四步.png

• 第四步完成的效果图:

第四步之后的展示界面.png

• 第五步:

第五步.png

• 第六步: 通过添加不同的界面, 进行不同界面适配的预览

最后效果.png