Reveal是一款能够查看软件UI层级的软件,在平时的开发中,善用其能给我们的开发带来极大的方便。
你可以在这里得到它。
下载完毕后,还需要进行一些简单的配置。网上有很多关于配置Reveal的教程,具体配置可以参照这篇博文进行配置。需要注意的是,最后在 Application 目录中,软件的名字必须要是Reveal,否则会出现无法连接到Xcode的情况。
按照教程设置好断点,这里可以将断点设置在Appdelegate 中的didFinishLaunchingWithOptions方法处,这样做的好处是,每次启动我们的项目,都会自动启动reveal服务器,与reveal建立连接。
好了,到这里基本工作就告一段落,现在来启动我们刚刚接手的项目。
运行起项目,一切看起来似乎还不错,就在你暗自感慨的时候,设计突然跑来,指着你说,病情描述应该有条分割线,需要立刻解决,你撇了撇嘴,不就条分割线嘛,还不是分分钟的事情嘛。然后你自信满满的打开Xcode,却突然发现不知道从哪里下手,是哪个文件都不知道,不怕不怕,你拍拍胸膛,幸好还可以通过关键字搜索,然后搜索结果出来后,看着满满一大堆的结果,顿时傻了眼,结果半天过去了才刚刚找到文件,连运行的流程和UI的层级都没来得及看。
这时,通过Reveal便可以轻松的定位到文件和查看UI的层级结果。打开Reveal,与Xcode建立连接后,便可以轻松直观的查看,在Reveal的最左侧,清晰的列出了UI的层级,还可以只选择我们所关注的部分进行查看。
如图,就连当前页面所在的文件都显示了出来,这样我们便能够很轻松的定位到了所在的文件。在对试图的层级有了连接后,便可以按照需求将分割线添加到所需要的位置上。除了这些作用外,还可以在Reveal中改变UI控件的各种属性,而且都可以在模拟器中同步的显示出来。
在软件右侧的试图中,罗列出了该控件的各种属性,我们都可以对其进行改变,然后可以在模拟器中查看到改变的效果,在写UI界面时,再也不用一点点调试运行来查看效果啦!