iOS UI布局调试工具

作者: 齐滇大圣 | 来源:发表于2014-11-09 17:22 被阅读7068次

    查看ios软件的ui布局有三种:

    1.DCIntrospect    这种方式是开源的,我从github上clone下来后运行demo,运行遇到了问题:Xcode cannot run using the selected device,试了修改允许版本之类的方法一直没有。还是没有耐心研究,所以放弃了,有同学愿意试试的可以去看看,到时候告诉我一声怎么用。

    2.REVEAL   这款软件我也下载下来用了,用的时候需要把它的framework导入进工程,然后还需要设置一下链接到这个库。但不知道为什么,每次运行成功之后reveal上是能进行ui的调试查看等,但是工程文件里的.xcodeproj文件出问题了。可能是我哪里没配置好吧,所以这个软件也被我放弃了。(怎么使用看这篇文章: iOS真机UI调试利器——Reveal

    最近发现这个软件比较好的一点,就是能看手机上安装的别人的软件的布局。逆向工程里常常使用的,能够了解别人的布局设计思路。具体如何使用看这篇文章:使用Reveal分析他人App视图布局

    3. Spark Inspector   这款软件倒是挺不错的,下载下来就能马上使用,只要用这个软件打开你的工程,然后运行工程就可以马上查看你的ui布局了,在模拟器上运行你的app,spark inspector就能马上实时刷新进入相同的界面。所有的元素都能显示,分层还能精准定位等。好吧就这样愉快的决定用你了。这里是生成序列号的软件下载地址:百度云盘软件及序列号生成器, 密码:whmr, 只要下载下来里面会有个程序生成序列号,自己输入进去就行了,不会过期了。

    4. xcode6 中有一个view debugging,这个也是可以看见ui的布局的。(多谢@dreamCatcher提醒)

             先运行模拟器,app启动后在xcode选择  debug->view debugging->capture view Hierarchy,就能看到当前app页面的ui布局了。基本上的功能都有,就是没有frame的信息,有一个position中心点信息,如果我想看原点位置的话就需要自己减一下了。

    相关文章

      网友评论

      • 96aad61e9fab:没有用过,要好好学习了。
      • dreamCatcher:@齐滇大圣 你装个Xcode6,然后直接debug里面有个view debug,跟你上面图示一样的效果,什么都不用干。
      • 齐滇大圣:@dreamCatcher 是吗?求指教怎么用,我还没装xcode6,等过两天公司新电脑到了再开始用,我的10年的笔记本该淘汰了
      • dreamCatcher:Xcode6 不是自带view debug嘛。。。

      本文标题:iOS UI布局调试工具

      本文链接:https://www.haomeiwen.com/subject/gyjbtttx.html