Reveal使用教程

原文链接:http://blog.sina.com.cn/s/blog_adb19b690102vk8m.html

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

直接运行即可​

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

进入以后是如下界面

Reveal使用教程_第1张图片  

那么如何打开示例呢?

点击help

Reveal使用教程_第2张图片

点击Start exploring 

Reveal使用教程_第3张图片  

稍等几秒

Reveal使用教程_第4张图片

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

Reveal使用教程_第5张图片

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

Reveal使用教程_第6张图片

点击界面的其中一个图像

Reveal使用教程_第7张图片

控件还有哪些属性呢

Reveal使用教程_第8张图片
Reveal使用教程_第9张图片  

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

Reveal使用教程_第10张图片
Reveal使用教程_第11张图片

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

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

第一种方式


Reveal使用教程_第12张图片

第二种方式

Reveal使用教程_第13张图片
Reveal使用教程_第14张图片

接下来我们创建一个工程

Reveal使用教程_第15张图片
Reveal使用教程_第16张图片
Reveal使用教程_第17张图片

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

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

Reveal使用教程_第18张图片  
Reveal使用教程_第19张图片

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

Reveal使用教程_第20张图片

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

Reveal使用教程_第21张图片  

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

Reveal使用教程_第22张图片

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

Reveal使用教程_第23张图片

怎么办呢~~你求求我啊

Reveal使用教程_第24张图片

你看,现在同步了吧

Reveal使用教程_第25张图片

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

Reveal使用教程_第26张图片

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

Reveal使用教程_第27张图片

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

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

Reveal使用教程_第28张图片

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

Reveal使用教程_第29张图片

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

Reveal使用教程_第30张图片

你可能感兴趣的:(Reveal使用教程)