现如今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月试用）
网友评论