多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
# 舞台动画关联 “舞台”上的动画关联即用一个物体控制整个“舞台”动画的播放。 * * * * * 如下图,在“舞台”添加一个矩形素材,设置其由左移到右的动画效果。动画时间为第1帧到第100帧 ![](https://box.kancloud.cn/121ac4c964afd4c5110170ba487a173e_800x466.png) 新建图层1,在图层1第1帧位置上点击添加一个矩形在“舞台”上,在矩形“属性”面板内改变其“拖动/旋转”属性为“水平拖动”,在“属性”面板下将其命名为“遥控器” ![](https://box.kancloud.cn/cd7d047b306d17e62658360f1a4e55c2_800x470.png) 鼠标点击“舞台”空白地方,在“舞台”的“属性”面板内找到“动画关联”选项,选择“启用”,点击右边弹出的“关联”按钮 ![](https://box.kancloud.cn/3d856e2deeee5e63098cc4e79a772b76_800x459.png) 在弹出的下拉菜单中填写关联属性: 关联对象:“遥控器” 关联属性:“左” 开始值:“0” 结束值:“100” 播放模式:“切换” 即设置好了当“遥控器”小矩形的最左端离舞台左端的距离值为0-100时,动画启动播放,当距离值大于100时,动画停止播放。 ![](https://box.kancloud.cn/7b9eccb513df0a2aad2b87712c4255c6_800x410.png) 如下图,为方便观察,我们在“舞台”上添加一个宽度为100的紫色矩形,点击“预览”,观察到当“遥控器”小矩形的最左端在紫色矩形(其左值0-100)之间时,上方的矩形播放原先设置的从左向右的动画,当“遥控器”小矩形的最左端在紫色矩形(其左值100以上)之外时,上方的矩形停止播放动画。 ![](https://box.kancloud.cn/772068b481d18993e2e87d39298fe91d_800x462.png) 同理,将“舞台”上的关联属性设为开始值:“100”;结束值:“200”,点击“预览”可观察到动画效果。 ![](https://box.kancloud.cn/e9cc330f91e6db52f5df63a2dc5218b7_800x540.png) 同理,修改“舞台”上的关联属性中“播放模式”为“同步”,可点击“预览”观察效果 ![](https://box.kancloud.cn/004344090c4b2eb8dfacf9fdc61efbc4_800x474.png) 观看本节视频教程: http://cdn1.mugeda.com/course/3/3.8/3.8.1.mp4