多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
# 播放元件片段 本案例在讲解播放元件片段的各种行为之前,已做好一些基础铺垫:设置元件1动画如下图 第1帧设置一个“暂停”行为 ![](https://box.kancloud.cn/5c96ef913013c9e89c20e644ae697be6_800x547.png) 第1至20帧设置火箭从下往上飞的动画行为 ![](https://box.kancloud.cn/17cbb5fc7f2a3ea741a9563718710128_800x565.png) 第21-40帧设置火箭从上往下飞的动画行为 ![](https://box.kancloud.cn/7022a6a5e2f5cdc62610f3fdc9a2b95d_800x579.png) 将元件1拖至“舞台”,设置播放元件片段行为:点击“向上”按钮元素的“添加/编辑行为”按钮,在弹出的“编辑行为”对话框中选择:“动画播放控制”→“播放元件片段”→触发条件:点击。点击“编辑”按钮进入“参数”对话框 ![](https://box.kancloud.cn/0ff22e26b457afe5d17fc2128d57d4b8_800x557.png) ![](https://box.kancloud.cn/e5e6b237785e8d423c1491ce85f1ac55_800x556.png) 在“参数”对话框内设置参数: 元件示例名称:“火箭”; 是否循环:“循环”; 起始帧号:“2”; 结束帧号:“20”。 点击“确认”。即设置好了点击“向上”按钮,播放元件1(火箭)第2至20帧动画(即向上飞的动画效果) ![](https://box.kancloud.cn/738e216ba89613d37de46fe16c25776b_800x528.png) 点击“向下”按钮元素的“添加/编辑行为”按钮,在弹出的“编辑行为”对话框中选择:“动画播放控制”→“播放元件片段”→触发条件:点击。点击“编辑”按钮进入“参数”对话框 ![](https://box.kancloud.cn/194a1653548d51636c88774c4a50bbb7_800x571.png) ![](https://box.kancloud.cn/4a9f8b59fa70baa4c67e270a12adbe23_800x561.png) 在“参数”对话框内设置参数: 元件示例名称:“火箭”; 是否循环:“循环”; 起始帧号:“21”; 结束帧号:“40”。 点击“确认”。即设置好了点击“向下”按钮,播放元件1(火箭)第21至40帧动画(即向下飞的动画效果) ![](https://box.kancloud.cn/e1e6280fdafc515e5d62baac515f2de3_800x541.png) 需要注意的是在添加元件之前,要提前在元件“属性”面板中给元件命名,如下图,我们提前为元件1命名为“火箭” ![](https://box.kancloud.cn/93508fd8372aa88d47b0bbfd4b00d6d4_800x561.png) 点击预览效果 ![](https://box.kancloud.cn/3c72b97637c8496ffba20e1d48a90962_800x519.png) 观看本节视频教程: http://cdn1.mugeda.com/course/3/3.4/3.4.4.mp4