# 一只挖空心思的行礼箱 **1.制作元件动画** 如图，添加一张图片素材，调整舞台大小使其符合素材大小，同时右键将图片素材转换为元件，双击元件进入元件编辑页面  如图，在元件第20帧插入帧，插入关键帧动画。 选中变形工具，按住Ctrl键将中间的控制原点移至舞台右侧中间位置  分别选中第一帧、最后一帧，改变其“Y轴旋转”为“-90”“90”   可点击“预览”观察元件动画的效果 同时我们在帧数的中间位置（图片正居舞台）插入关键帧，调整“透视度”为“50”  如下图，我们新建多个图层，复制图层0上的所有帧，分别粘贴进每一个图层内  如下图，在图层8上，删除除第一帧之外的前半部分帧数，同时修改第一帧的“Y轴旋转”为“0”   同理，分别删除图层7、6、5、4前半部分的一些帧如下图，分别修改图层7、6、5、4第一帧“Y轴旋转”角度为“-18”“-36”“-54”“-72”  移动图层2、1、0上的关键帧如下图位置，即在前面分别插入2、4、6帧  新建图层9，在与图层0第一帧相同帧数上插入一个矩形，调整颜色如下图，制作一个光韵矩形。  如下图为光韵矩形也设置相同的翻页动画，调整其第一帧关键帧的“Y轴旋转”为“-90”，调整其最后一帧关键帧的“Y轴旋转”为“0”，同时在最后插入一个空白帧。  如下图，隔图层复制光韵图层及帧。  之后，可双击元件每个图层的物体，分别进入各自的组，添加相对应的素材。 即做好一个元件动画。  **2.制作“左右滑动预览”动画** 回到舞台，新建一个图层，添加“左右滑动预览”指示图标、一个文本框、两个定时器 分别为文本框、两个定时器命名为“关联数值”“加”“减”  改变文本框数值为“10”。点击其“添加/编辑行为”按钮，添加两个行为： 1. 属性控制→设置定时器 →触发条件：出现 →设置“参数”： 定时器名称：加 设置状态：暂停记时器   2. 属性控制→设置定时器 →触发条件：出现 →设置“参数”： 定时器名称：减 设置状态：暂停记时器  为“加”定时器添加行为 属性控制→改变元素属性 →触发条件：属性改变 →设置“参数”： 元素名称：关联数值 元素属性：文本取值 赋值方式：在现有值基础上增加 取值：0.01   同理，为“减”定时器添加行为 属性控制→改变元素属性 →触发条件：属性改变 →设置“参数”： 元素名称：关联数值 元素属性：文本取值 赋值方式：在现有值基础上增加 取值：-0.01  设置元件的动画关联如下图： 关联对象：关联取值 关联属性：文本取值 开始值：10 结束值：0 播放模式：同步  为元件添加六个行为，分别为 “向左滑动‘加’定时器继续计时” “向左滑动‘减’定时器暂停计时” “向右滑动‘减’定时器继续计时” “向右滑动‘加’定时器暂停计时” “点击暂停‘加’定时器” “点击暂停‘减’定时器”  为文本框添加两个控制定时器的行为： 1. 属性控制→设置定时器→触发条件：属性改变→设置“参数” 定时器名称：减 设置状态：暂停记时器 执行条件：检查元素状态 元素名称：关联数值 参考属性：文本取值 逻辑条件：小于等于 参考值：0   2. 属性控制→设置定时器→触发条件：属性改变→设置“参数” 定时器名称：加 设置状态：暂停记时器 执行条件：检查元素状态 元素名称：关联数值 参考属性：文本取值 逻辑条件：大于 参考值：10  观看本节视频教程： http://cdn1.mugeda.com/course/4/4.1/4.1.8.mp4