[MAC OS] XCode中的Debug View Hierarchy功能-阿里云开发者社区

开发者社区> 最美的回忆> 正文

[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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Code China 上你不知道的隐藏功能|Code China
今天要介绍的是 Code China 上的项目成员邀请小功能: 一键生成用户邀请链接。事实上,项目的用户邀请有 4 种方式,分别如下图所示: 邀请用户、生成邀请链接、邀请组、导入。接下来进行分别介绍。
47 0
功能强大的图片截取修剪神器:Android SimpleCropView及其实例代码重用简析
 功能强大的图片截取修剪神器:Android SimpleCropView及其实例代码重用简析 SimpleCropView是github上第一个第三方开源的图片修剪截取利器,功能强大,设计良好。
968 0
Android 禁止Viewpager左右滑动功能
首先自定义一个 继承自 ViewPager的自定义 类 package com.yourcompany; import android.content.Context; import android.
834 0
2286
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载