# 元件动画关联 元件的动画关联与“舞台”的动画关联相似,区别是将对象由“舞台”转变为元件。 * * * * * 如图,在“舞台”上添加一个矩形,选中矩形,右键→“转换为元件”,双击矩形进入元件编辑页面 ![](https://box.kancloud.cn/74c9e709d6949576613d5f9be0b32582_800x532.png) 如下图,为矩形元件设置一个从左向右移动的动画效果,动画区间为0-50帧 ![](https://box.kancloud.cn/12140333e1ac8a3fff83a2eab617814a_800x591.png) 回到“舞台”,在“舞台”上新建一个小矩形,命名为“元件遥控器” ![](https://box.kancloud.cn/991ae60a6d83c575c0039787c4b2b7fa_800x459.png) 在“元件遥控器”小矩形“属性”面板下找到“拖动/旋转”,选择“垂直拖动”,即设置了可垂直拖动“元件遥控器” ![](https://box.kancloud.cn/a38ed9688e787e7edd0ec97385ea7c45_800x456.png) 选中矩形元件,在其“属性”面板下找到“动画关联”,选择“启动”,点击弹出的“关联”按钮 ![](https://box.kancloud.cn/580dc7433c7ad55a0a22964aaf408553_800x456.png) 在弹出的下拉菜单中填写关联属性: 关联对象:“元件遥控器” 关联属性:“上”(即“元件遥控器”小矩形的最上端离舞台上端的距离值) 开始值:“200” 结束值:“400” 播放模式:“切换” 即设置好了当“元件遥控器”小矩形的最上端离舞台上端的距离值为200-400之间时,元件动画启动播放,当距离值小于200或大于400时,元件动画停止播放。可点击“预览”,预览效果 ![](https://box.kancloud.cn/1b14862498e3696386d7d373975d033b_800x456.png) 同理,在元件矩形的“属性”面板下设置关联属性的“播放模式”为“同步”,即可点击“预览”观察效果 ![](https://box.kancloud.cn/936d87367ef1958ecde01cc10b23a37e_800x457.png) 观看本节视频教程: http://cdn1.mugeda.com/course/3/3.8/3.8.2.mp4