企业🤖AI Agent构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
# 长按手指控制动画播放 本案例将讲解“长按手指播放动画、手指抬起动画暂停”的动画效果 **1.控制舞台动画** 我们首先在舞台上添加一个矩形,设置“出现即暂停”的行为 ![](https://box.kancloud.cn/fbfb615a3915c58e84b846602667449d_900x538.png) 选择最上图层,在舞台需手指按住的位置上添加一个矩形,设置其透明度为“0” ![](https://box.kancloud.cn/1f35b50ea9f661865e675f5043d56e4c_900x515.png) 随后为该透明矩形添加两个行为: 动画播放控制→播放→触发条件:手指按下; 动画播放控制→暂停→触发条件:手指抬起。 ![](https://box.kancloud.cn/f818697804bd897ffebae25e99a3992b_900x507.png) **2.控制元件动画** 首先,我们可在舞台上添加一个元件动画,如下图,为其命名为“麦穗” ![](https://box.kancloud.cn/62b2de627e9b4ff5c9b037d30c2db4a9_900x510.png) 回到舞台,继续为控制矩形添加两个行为,即“手指抬起即暂停”“手指按下即播放” ![](https://box.kancloud.cn/7bb8411dfd358edf46b21a57ffc0d17b_900x510.png) 分别在这两个行为的“参数”对话框内设置“作用对象”为“麦穗” ![](https://box.kancloud.cn/5dee971add7f4a241db2a662a327be82_900x506.png) **3.控制提示元素** 如下图,在舞台上添加一个“要一直按住才会播放哦”的提示语,为其命名为“提示” ![](https://box.kancloud.cn/715b3de235d1e7430dcba9277a72adcb_900x506.png) 为控制矩形再添加两个行为: 1.属性控制→“改变元素属性”→触发条件:手指按下→设置参数 元素名称:提示 元素属性:透明度 赋值方式:用设置的值替换现有值 取值“0” ![](https://box.kancloud.cn/8e85038dc3a20daa899885483b2cb8f8_900x512.png) ![](https://box.kancloud.cn/3e9404ea0547a17a1c1c81f713f136f0_900x479.png) 2.属性控制→“改变元素属性”→触发条件:手指抬起→设置参数 元素名称:提示 元素属性:透明度 赋值方式:用设置的值替换现有值 取值“100” ![](https://box.kancloud.cn/286dfdf46f026d2ab90d101d6ef9cca4_900x504.png) 这样,一个“长按手指控制动画播放”的效果已做好。 观看本节视频教程: http://cdn1.mugeda.com/course/4/4.1/4.1.6.mp4