[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布局,查看各个视图的属性,确实能够带来很大的方便性。

分类:  Mac OS
本文转自demoblog博客园博客,原文链接http://www.cnblogs.com/0616--ataozhijia/p/6646864.html如需转载请自行联系原作者

demoblog
相关文章
|
流计算 UED
「Mac畅玩鸿蒙与硬件48」UI互动应用篇25 - 简易购物车功能实现
本篇教程将带你实现一个简易购物车功能。通过使用接口定义商品结构,我们将创建一个动态购物车,支持商品的添加、移除以及实时总价计算。
471 69
「Mac畅玩鸿蒙与硬件48」UI互动应用篇25 - 简易购物车功能实现
「Mac畅玩鸿蒙与硬件26」UI互动应用篇3 - 倒计时和提醒功能实现
本篇将带领你实现一个倒计时和提醒功能的应用,用户可以设置倒计时时间并开始计时。当倒计时结束时,应用会显示提醒。该项目涉及时间控制、状态管理和用户交互,是学习鸿蒙应用开发的绝佳实践项目。
549 2
「Mac畅玩鸿蒙与硬件26」UI互动应用篇3 - 倒计时和提醒功能实现
|
Linux C语言 iOS开发
MacOS环境-手写操作系统-06-在mac下通过交叉编译:C语言结合汇编
MacOS环境-手写操作系统-06-在mac下通过交叉编译:C语言结合汇编
541 0
|
安全 iOS开发 MacOS
Mac pro升级 MacOS 10.15 Catalina 后根目录是只读的, Recovery OS不能访问
Mac pro升级 MacOS 10.15 Catalina 后根目录是只读的, Recovery OS不能访问
762 0
|
iOS开发
Xcode强大的多视图立体分层显示View UI Herarchy
Xcode强大的多视图立体分层显示View UI Herarchy
387 0
|
iOS开发 Python
mac:python安装路径,带你全面解析Python框架体系架构view篇
mac:python安装路径,带你全面解析Python框架体系架构view篇
|
Unix Shell Linux
史上最全:MAC OS X 命令行汇总
史上最全:MAC OS X 命令行汇总
524 0
|
安全 Java iOS开发
MAC OS X 硬盘安装详细分解教程
MAC OS X 硬盘安装详细分解教程
620 1
|
IDE 5G 开发工具
HP4230s笔记本安装mac os总结(原创)
HP4230s笔记本安装mac os总结(原创)
299 0
|
编解码 Oracle iOS开发
VirtualBox虚拟机安装Mac OS X Lion系统详解
VirtualBox虚拟机安装Mac OS X Lion系统详解
1394 1

推荐镜像

更多