Reveal使用教程

Posted 李洪强

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Reveal使用教程相关的知识,希望对你有一定的参考价值。

Reveal使用教程

 

Reveal是用于透视程序整体结构的一个软件,软件收费89美刀,试用期30天,不过好在有破解版,无需担心花钱的问题?

在然后呢,软件在哪下,可以在我的github上下载到破解版本的,https://github.com/149393437/Reveal

直接运行即可?

那么我们先来看下Reveal提供的示例吧,打开Reveal软件,什么~~怎么打开~~好吧,双击就可以了

进入以后是如下界面

那么如何打开示例呢?

点击help

技术分享

点击Start exploring 

稍等几秒

技术分享

duang的一下,就出现了下面界面

技术分享

那么我们来分析下软件有什么功能呢

技术分享

点击界面的其中一个图像

技术分享

控件还有哪些属性呢

技术分享

修改属性的时候,你甚至可以直观的在模拟器上看到结果,但是很遗憾的是你代码没有修改,需要你自己修改

技术分享
技术分享

那么好了,我们体验过了他的示例的强大,但是如何关联到我们的应用上呢,接下来介绍如何在我们的应用上集成如此酷的效果

首先我们需要获得他的开发包,一种呢是下载我提供的一个Reveal,另外是你自己来获取

第一种方式

 

技术分享

第二种方式

技术分享
技术分享

接下来我们创建一个工程

技术分享
技术分享
技术分享

按照官方文档的说明,还需要2个步骤

一个是添加引用库libz,另外需要添加-ObjC就可以了,这里需要注意大小写问题,那么我们来看下

技术分享

然后运行工程,在打开我们的Reveal

技术分享

estDemo就是我们的模拟器嘛,呵呵,当然要选择喽

现在我们在工程内添加一个label上去,当然为了好看,我们把背景色设置为紫色

技术分享

然后程序运行起来了,我们发现Revel好像没有更新拗

技术分享

怎么办呢~~你求求我啊

技术分享

你看,现在同步了吧

技术分享

嘿嘿,但是我们发现好像坐标不太对啊,后面的文字没出来,来我们修改下坐标看看

技术分享

当你修改完以后,你会惊喜的发现,连模拟器的也修改过来了

技术分享

别高兴太早,这里修改了,代码可没有修改,下次你运行,还是那样,Reveal不能帮你修改代码,只能作为你修改代码的参考 所以嘛,你还是要自己改代码滴

那么我们在最后在label上面添加一个button看看

技术分享

那么一般来说,你添加一个透明的button,运行代码是看不到的,但是在reveal下就无所遁形了,运行程序,在更新reveal

技术分享

什么?你和我显示的不一样,好吧看下图 你显示的是不是这个样子的呢?


以上是关于Reveal使用教程的主要内容,如果未能解决你的问题,请参考以下文章

Reveal使用教程-使用Reveal查看任意iOS App的图层结构

基础教程 | reveal-md for slides

iOS 10越狱和Reveal 7分析三方App UI框架教程

reveal

IOS开发之——reveal 的使用

[UWP]使用Reveal