第三十三篇（书中 10.2 节 内容）

　　今天要记录的内容呢，是用 Tween 来做动画效果。

　　先来看看我试验成功的效果。

　　接下来，开始归类书中的重点：

　　　　1、使用Tween的前提。

　　　　2、Tween的参数说明。

　　　　3、动画执行完成后，怎么知道动画执行完毕？

　　　　4、Tween的链式结构调用 。

　　　　5、Tween如何执行多次？

　　　　6、Tween位移的变化。

　　　　7、Tween延迟执行。

　　　　8、Tween执行的实时函数变化。

　　　　9、Tween约束下的影响。

　　重点的确有点多，不过慢慢来。开始操作：

　　　　1、使用Tween的前提。

　　　　　　保证你已经引入了Tween库。

　　　　2、Tween的参数说明。　　　　　　　　　　　　

　　　　3、动画执行完成后，怎么知道动画执行完毕？

　　　　4、Tween的链式结构调用 。

　　　　　　Tween的方法总会返回 一个 Tween 对象，可以链式的调用。

　　　　　　如果你想给call()里的 回调函数 传递参数的话，可以在call()的第三个参数设置。

　　　　5、Tween如何执行多次？

　　　　　　在get第二个参数里面进行填写{loop:true}。

　　　　　　如果没有 loop:true 的话，Tween动画就只会执行一次。

　　　　　　可是 loop:true 是无限循环。并不能设置循环播放几次。

　　　　　　如果需要设置指定播放几次的话，需要自己封装一个 doAnimation 方法。

　　　　　　这是运行效果。

　　　　6、Tween位移的变化。

　　　　　　其实就是变一下坐标位置，比较简单了。

　　　　7、Tween延迟执行。

　　　　　　通过 wait(毫秒) 来让动画等待指定毫秒

　　　　8、Tween执行的实时函数变化。

　　　　　　通过 get()的第二个参数，{onChange:function,onChangeObj:any} 来获取动画位置。

　　　　9、Tween约束下的影响。

　　　　　　书中描述这个现象。。。太模糊了。

　　　　　　就这些信息。。。没了。。。。。。

　　　　　　我研究了半天，终于搞懂了。

　　　　　　为了更明显的展示功能点，我弄了三层布局。

 　　　　　　那么：

　　　　　　　　最外层是 “蓝色背景色”，

　　　　　　　　第二层是 “粉色背景色”，叫“group”

　　　　　　　　第三层是 “黄色背景色” ，叫 “mcGroup”。而且还包含了动画对象。

　　　　　　现在，我把第三层的 includeInLayout 属性 设为 false。

　　　　　　可以看到，第三层跑到了第二层的左上角了。

　　　　　　接着，我再还原。

　　　　　　可见，第三层又跑到了第二层的中心点了。

　　　　　　那我再把第二层的 includeInLayout 属性 设为 false。

　　　　　　所以，现在就明白了 includeInLayout 属性的作用了吧。

　　　　　　就是跳出父类，并且以爷类的左上角为对齐方向。

　　至此，10.2节 内容结束。

　　又是好几个小时过去了。从下午三点弄到现在。太累了。

　　我洗澡去了。