现如今iOS开发也迎来了各种尺寸的屏幕，5.5、4.7、4、3.5。面对如此问题，Apple公司也在不停的迭代UI设计的工具。iOS主要的UI布局有设置frame，autolayout方式。本文的主题不是讲解如何布局UI，而是发现布局中遇到的许多问题。以下都是本人工作中的小技巧，水平有限，有错误请直接指出。

1 预览——只针对xib,storyboard布局的视图

该技能只适合<xcode 8以下， xcode 8有默认视图规格，其他规格选择也很简单

图1 storyboard 4.7‘ autolayout 布局

按住Option 键 你会看见什么呢？

设计师喜欢根据某一尺寸（或者某一种型号的手机分辨）作为标准设计UE图。当我们完成UE视图在特定分辨率上面的设计的时候，我们希望查看视图在不同尺寸（3.5’、4’，5.5‘）上的效果，可以采用的方式有运行不同尺寸的模拟器，或者真机调试

图2 iPhone 家族

其实Storyboard还提供了视图预览的功能Preview

xcode中打开你的 storyboard 或者 xib 文件

1. 选择 View（菜单）-> Assistant Editor -> Show Assistant Editor

2 快捷键  option+command+enter

3  工具栏上面的 双环

图3 选择Preview

右键 Interface Builder -> Interface Builder Help ->Previewing Your Layout for Different Localizations, iOS Devices, and iOS Versions 查看相关帮组。

图4 预览各种尺寸的视图

是不是这时候我们的UI 布局调试就结束了，这才是开始哈哈！

2  运行时调试UI Command + R

图5 Dubug UIView‘s frame

Xcode 的Dubug菜单有关于Uivew方面的，点击之后我发现了什么？其他的选项，欢迎大家多点点看看，存在既有道理。

图6 每一个可见视图的frame

当然Simulator，也有关于视图类的调试信息，但是更加关注UIview的性能调试。

图7 Simulator关于视图性能的调试功能

3 还有我lldb

UIView 的私有方法 po [[self view] recursiveDescription] 打印视图层次结构

图8 视图调试模式

图9 打印某视图信息

图10 通过私有方法查看视图结构

4 还有没有其他的

1 iOS 真机调试神器 Reveal （你有一部越狱的iPhone， Reveal是收费的1月试用）