APP的快速实现06-IPS基础操作之按钮篇

[flash=500,400]http://s1.knowsky.com/20131005/kj5i4mj3mmm052022615.jpg[/flash]

在很久以前，我做过一个关于幻灯片与幻灯片联动的教程（http://www.zcool.com.cn/article/ZNDI0Njg=.html），今天我给大家讲一下，幻灯片与动画的联动。通过幻灯片与动画联动，可以增加很多页面的细节，同时增强互动性。

和往常一样，先看个视频DEMO：

[flash=500,400]http://player.youku.com/player.php/sid/XNTU5MzkxOTk2[/flash]

下图是Celluloid的工作页面：

[flash=500,400]http://s1.knowsky.com/20131005/ahvhw2hgyte052022715.jpg[/flash]

幻灯片与动画联动，和幻灯片与幻灯片联动的操作方式一样，只要勾选联动，让两者建立联动关系，这样，两者在操作时就形成关联关系。

[flash=500,400]http://s1.knowsky.com/20131005/dyprejmqj2j052022815.jpg[/flash]

注意“联动对象”这个选项

[flash=500,400]http://s1.knowsky.com/20131005/q0kmoo3yx5n052022915.jpg[/flash]

画面里的前后顺序关系

[flash=500,400]http://s1.knowsky.com/20131005/uramnvlelh0052023015.jpg[/flash]

幻灯片状态关系及动画缩放

本来想在这上面说很多东西，但当制作完毕后，发现这个功能真心很简单，说太多感觉就啰嗦了，大家不妨自己试一试。

如果有问什么问题欢迎留言。

如果大家想要此文件的工程文件，请留下邮箱地址，我会及时发给大家。

使用工具：

Celluloid 制作交互动画

下载地址: http://www.mcitech.cn/download.html

ipS viewerAPP真机测试工具

下载地址：http://setup.mcitech.cn/

或者通过appstore下载

往期教程：

App的快速实现01-写在最前面的话，初学者从这开始

http://www.zcool.com.cn/article/ZNDM0NjQ=.html

App的快速实现02-三步实现产品360°展示

http://www.zcool.com.cn/article/ZNDM2MDA=.html

App的快速实现03-快速实现电话、短信、邮件的通信快捷方式

http://www.zcool.com.cn/article/ZNDM3NjA=.html

App的快速实现04-通过WWF案例谈APP的框架搭建http://www.zcool.com.cn/article/ZNDQzMDQ=.html

快速实现APP里的图层时间错位延迟（屌丝钢铁侠）

http://www.zcool.com.cn/article/ZNDI0Njg=.html

APP的快速实现05-IPS基础操作之幻灯片篇http://www.zcool.com.cn/article/ZNDQ0MjQ=.html

APP的快速实现06-IPS基础操作之按钮篇http://www.zcool.com.cn/article/ZNDQ5MDA=.html