XCode中的Debug View Hierarchy功能
来源:互联网 发布:c语言bool是什么 编辑:程序博客网 时间:2024/06/01 09:47
前言
做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布局,查看各个视图的属性,确实能够带来很大的方便性。其实,iOS6出来之前,就已经出现了许多第三方的界面调试工具,例如大名鼎鼎的Reveal,它不但可以查看UI布局,还可以实时修改,这样就不用每次都重新编译运行,但它是收费的(可以免费使用30天),59美元对我等刚入行的码农来说确实有点贵。不过对于一般的界面调试,使用XCode自带的DebugViewHierarchy已经足够了,使用mbp重新编译运行也不会太慢。
参考资料:Debugging Views
- XCode中的Debug View Hierarchy功能
- Xcode的Debug View Hierarchy 功能使用
- Android Debug Monitor hierarchy view not showing
- 芒果iOS开发bug调试技巧之Debug View Hierarchy
- iOS开发bug调试技巧之Debug View Hierarchy
- View Hierarchy
- Xcode 中的View调试
- view and view hierarchy
- 使用Xcode 自带的view hierarchy 来分析view的层次和属性
- 增强QTP中Debug View的功能
- QTP 如何增強Debug View 功能
- Xcode中的Release、Debug、Archive、Profile、Analyze
- hierarchy 分析 Launcher View
- 使用Hierarchy View
- View Hierarchy [UIKit]
- Hierarchy view android实用工具
- View hierarchy-视图层次
- Hierarchy View使用
- cooike详解
- Codeforces Round #307 (Div. 2) A
- js加载等待,js进度等待
- C++获取目录下的文件列表
- 音乐播放demo知识点总结
- XCode中的Debug View Hierarchy功能
- LeetCode 之 Invert Binary Tree
- vs2008OCX无法注册输出,但是手动注册成功
- Android Service(一)
- java笔记12 内部类
- Pinstagram 杂志 WordPress主题[v1.2]
- 学JS必看-JavaScript数据结构深度剖析
- git无需密码进行push/pull
- [leetcode] inary Tree Zigzag Level Order Traversal