[MAC OS] XCode中的Debug View Hierarchy功能
reference to : http://blog.csdn.net/liujinlongxa/article/details/46490949
前言
做iOS开发经常会遇见这种情况,产品汪拿着你做的东西过来对你说:“这个Label的字体大小不对,我的效果图里明明标注的是20px,这个大小肯定不是20px”,于是你便跟他争论起来,我代码里设的确实是20px,为了证明你的判断,于是你开是在代码中查找设置字体的地方。这时就有一个问题,如果代码是你写,你也许可以很快的定位到相应的代码,但如果代码不是你写的,那么你就得废一会功夫才能找到响应的设置代码,如果项目非常大,那就更麻烦了。有没有一种更快的办法可以让我们很快的查看UI界面上的一些设置以及UI的一些层次结构呢?当然有,这就是XCode的DebugViewHierarchy功能。
简介
DebugViewHierarchy(视图调试)是XCode6新出的一项功能,它可以让开发者在程序运行时,动态的查看当前界面的显示情况,包括视图的层次,控件的大小和位置,而且会以3D效果显示当前视图的层次。下面就一起来看一下如何进行视图调试吧。
详细介绍
为了简单起见,这里我使用SB快速搭建了一个简单的UI,如下图:
注意:这里使用的时模拟器,因为只有在模拟器的情况下才能使用DebugViewHierarchy功能
然后,点击调试窗口的DebugViewHierarchy按钮,
就可以看到整个界面的3D效果图,如下图
拖动鼠标,可以切换不同的3D视角。
在左侧的调试导航栏中,选择View UI Hierarchy,可以看到整个界面的视图层次列表
选中3D视图中的某个视图,可以在右侧的inspector中看到该视图的详细信息
3D视图的下面还有一排操作的按钮和进度条,可以调节3D视图的大小,显示层次,间隔等,具体可以实际操作一下就明白了。
总结
有了DebugViewHierarchy功能,我们就可以很直观地检验我的UI布局,查看各个视图的属性,确实能够带来很大的方便性。
最新文章
- netty学习资料
- 纯CSS弹出菜单(不支持IE6.0以下)
- 说说SQL Server 网络配置
- 您的 PHP 似乎没有安装运行 WordPress 所必需的 MySQL 扩展”处理方法
- AngularJS语法格式小结
- 【ASP.net】Equals 和 == 的区别
- linux中U盘umonut时出现“Device is busy”的解决方法
- Linux基本命令(9)定位、查找文件的命令
- iOS本机生成证书请求文件流程
- Struts学习之文件上传
- windows下,读取快捷方式lnk所指向的路径
- C++ 值传递、指针传递、引用传递详解
- Springboot入门程序
- sipML5聊天功能实现
- 封装 vue 组件的过程
- 使用定时器通过改变图片的src来切换图片
- Bypass X-WAF SQL注入防御(多姿势)
- prim 算法和 kruskal算法
- Codeforces 475D CGCDSSQ 区间gcd值
- NOIp2013 火柴排队【逆序对/思维】 By cellur925
热门文章
- 【LOJ】#2446. 「NOI2011」 NOI 嘉年华
- 为什么Java中Long类型的比float类型的范围小?
- DML语句、创建和管理表
- Unalignable boolean Series provided as indexer (index of the boolean Series and of the indexed object do not match
- eclipse使用小技巧
- django组件之contenttype(一)
- PHP中var_export和var_dump的区别
- BZOJ.4516.[SCOI2016]幸运数字(线性基 点分治)
- 【POJ】1835:宇航员【模拟】【三维行走】
- win7 64位安装pywin32