iOS之reveal使用

reveal的功能比较强大,可以查看视图的层级,比起Xcode自带的debug view hierarchy 强大些(自认为),对于如何使用,之前也是云里雾里。

1.集成

需要自建的项目能够在reveal中使用,需要用到reveal的SDK,我们只需要在集成Reveal.framework和libz的库就可以了。Reveal.framework不需要再其他的地方下载,只需要在软件中的help->library中查找就可以了。添加到项目中就可以了。

查找Reveal.framework

然后需要在项目中添加libz的库

添加libz

最后只需要在build setting中other linker flag中添加-ObjC就可以了

添加 -ObjC

以上就是关于reveal的相关配置

2.演示

相关的配置已经设置完成后,运行项目,就会在reveal中找到已经运行的项目了。
这时,打开reveal软件,我们会看到没有相关的界面,这是由于没有选择到相关项目。

选择项目

这时就会有相应的界面出现。
这里面可以看到某个图层属于哪一个类,某个view的frame 还可以就在reveal中修改尺寸看到最终的效果,当然再次这可以在模拟器或者已经越狱的手机上可以看到相应的变化;如果我们在模拟器或者手机上进行了某项操作,但是reveal没有及时刷新,我们就再次点击之前选择项目的那个地方就可以进行刷新reveal的视图了。

下面就简单的介绍下使用
以百度语音识别的demo举个栗子。。。(demo可以在百度的官网去下载的)
运行显示的效果为:

百度语音识别

点击识别UI,会出现出现语音识别的view,在view中有‘百度语音提供技术支持’这行字。

弹出框

通过Xcode自带的视图查看器去分析这个页面结果会得到如下

Xcode分析页面结构

我们可以看到'百度语音提供技术支持'这行字是属于window下的一个view的view的label,这样显示并不能很直观的显示出到底这个label是属于哪一个控制器下的。reveal是可以做到这样的效果的。

reveal页面结构分析

很遗憾,这个类在百度给出的demo中没有找到,应该是封装在 .a的静态库中或者是其他的framework中。但至少我们知道了这个label是属于哪个类的。如果我们换成自己的demo,需要修改某个标签就可以很快的找到相对应的类了。

假如,在没有美工的情况下,我们需要微调一些视图的frame,我们也可以在reveal中进行操作。
假如我们需要修改label的高度为40,这时可以再reveal中实时看到修改的结果(当然回到模拟器或者真机运行的时候,reveal显示又会回到之前的状态)。

修改label的高度

这就很直观的显示了视图的位置或尺寸的变化情况,这对于界面的微调很有帮助。文字的修改也是可以如上操作的。

以上就是reveal的基本使用,后续想到有些东西会继续在这里添加。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,593评论 25 708
  • 两日后,端午节。 端午节,即农历五月初五,本名“端五节”,又有“端阳”的不同的名称。众所周知,这一日人们多吃粽子,...
    那只毛虫阅读 399评论 0 0
  • 《心经》全文: 观自在菩萨,行深般若波罗蜜多时,照见五蕴皆空,度一切苦厄。舍利子,色不异空,空不异色,色即是空,空...
    d98fcbf8abc6阅读 218评论 0 0
  • 等风来,我在西塘寻梦…… 随着悠悠的桨橹声划开了记忆…… 一圈一圈的圆晕打过水面。 穿过一座座古桥墩,穿过逝水年华...
    独怜幽竹阅读 471评论 1 8
  • 天上飘着一朵痴痴的云 好似千百年前一朵回荡的山音 你曾与谁相依 你分明是我弦上沾湿的露雨 ​
    Xx山茶阅读 148评论 2 2