Reveal：实时查看调试 UI 布局

Posted on Edited on

Reveal 介绍

Reveal

Reveal 最早是在唐巧的《iOS 开发进阶》看到的，当时不以为然。其实书中很多内容都不以为然，因为那时候还是入门阶段，自然看不懂的。主要缺乏交流，自悟容易自误。

最近 GeekBand 的段松老师的课程，纯代码的 UI 布局，就遇到了极大的困惑：布局错了不知道在哪里，控件失踪了（跑到屏幕外的 frame）。搜索了一下，重新找到 Reveal 介绍的文章，试用了一下很强大。可以实时更改控件属性、大小位置等等，同步显示在真机或 Simulator 中。和 Sketch、Photoshop 的 Mirror 功能差不多，当然只是调试，实际更改还要在 Xcode 中完成。

Reveal 使用方法

Reveal 官方教程：

推荐越狱，只要简单配置一下，还可以查看手机安装的第三方 APP。

  • 越狱后安装 Apple File Conduit “2” 和 OpenSSH
  • 导入 libReveal.dylib ：
1
2
3

scp /Applications/Reveal.app/Contents/SharedSupport/iOS-Libraries/libReveal.dylib root@192.168.0.X:/Library/MobileSubstrate/DynamicLibraries

  • 导入 libReveal.plist，格式如下：
1
2
3
4
5
6
7
{
Filter = {
Bundles = (
"com.apple.test",
);
};
}
1
2
3

scp ~/Documents/libReveal.plist root@192.168.0.X:/Library/MobileSubstrate/DynamicLibraries

小技巧：网上下载的 Demo 直接改 Bundle ID：com.apple.test，即可开始 Reveal 了。

Debug View Hierarchy in Xcode

Xcode 的 Debug View Hierarchy 只能看看，就弱爆了。而且极易造成 Xcode 崩溃。
Debug View Hierarchy in Xcode