遗憾的是，由于各方面原因，公司这版本APP并没有如期上线，但我并不希望作为一只小demo，她就木有用处了，从此就尘封在那个暗无天日的文件夹里，所以今天把她约出来，跟各位交流交流基础动画在Quartz Composer中的实现。

（碍于项目进度限制，以及各方面资源，首要保证交互效果的流程度和逻辑合理性）

1.页面间切换（index switch+demultiplexer/multiplexer）

软件中最常见点击效果，一级界面切换也可用于页面内切换效果

此处layer group中包含了底部选项卡按钮以及按钮的点击状态

此效果关键在index switch--demultiplexer的链接（demultiplexer patch应打开其resetting value将输入设为1，重置数值0），index patch控制触发交互。

demultiplexer也可用mutiplexer替代，只不过mutiplexer的链接用法略有不同，各位可自行做尝试。。。。（index patch中每个input对应demultiplexer输出端

的destination）

2.滑动返回

scroll的动态控制可参见我上一篇帖子，里面说得比较细 http://www.ui.cn/detail/76293.html

这里的侧滑返回主要以swipe为触发，并设定按钮click事件控制swipe的jump to start和jump to end。

其中的点击调出侧滑即为interaction2的控制，基础连线

3.页面上弹（位移+缩放）

许多功能性页面由于与正常页面逻辑上存在区别，所以页面的过场也会做出区别

页面上弹同时，伴随页面由大到小的缩放

Macro patch内部为页面位移、缩放、不透明度的同时调节，达到从下往上覆盖的效果

（tip：地址列表的mask效果，这种的直接用layer group设置好尺寸遍可达到）

4.按钮动态及模糊效果

模糊效果

按钮跳动及点击效果

时间有限，此案例就做为一个QC的基础动画的分享，希望对朋友们有所帮助，其中实现的效果都比较常见逻辑上比较基础，下面放出QC源文件，有兴趣的朋友可以下载源文件自己进一步研究