企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
# 拖动的多种逻辑关系 本章主要学习“拖动物体放下”和“拖动物体离开”的触发事件的使用。 如图,首先在页面上新建图层,分别添加相关素材,注意素材图层的上下顺序。 添加一个判断文字框,删除文字内容,为其命名为“提示”。 分别为“苹果”和“西红柿”图片素材命名,同时将其“拖动/旋转”属性改为“自由拖动”。 ![](https://box.kancloud.cn/b1df538bf8469f39facf1edc68e3f8de_900x507.png) **拖动“苹果”进盘子** 为“盘子”添加“拖动物体放下”行为 属性控制→改变元素属性→触发条件:拖动物体放下。 设置参数 元素名称:“提示” 元素属性:“文本取值” 赋值方式:“用设置的值替换现有值” 取值:“正确” 拖动物体名称:“苹果” ![](https://box.kancloud.cn/cc8f81d7ea00b57f0f6380e40001e616_900x506.png) **拖动“苹果”离开盘子** 同理为“盘子”再添加“拖动物体离开”行为: 属性控制→改变元素属性→触发条件:拖动物体离开。 设置参数 元素名称:“提示” 元素属性:“文本取值” 赋值方式:“用设置的值替换现有值” 取值:“‘’” 拖动物体名称:“苹果” ![](https://box.kancloud.cn/7dfca85dde509a1c249a50301f78eb90_900x497.png) ![](https://box.kancloud.cn/5978f7af56c020539352789dfdba6566_900x510.png) **拖动“西红柿”进/离开盘子** 同理,为“盘子”添加行为,设置“拖动‘西红柿’放下,提示出现‘错误’字样,拖动‘西红柿’离开,提示消失”的相关行为。 ![](https://box.kancloud.cn/ed79c44c90f1ea65bd71532b9941fd85_900x504.png) 如果要控制物体放下的位置,则需为“盘子”添加两个“改变元素属性”行为,分别改变物体放下时的“左”“上”坐标。 ![](https://box.kancloud.cn/c795e15f8f22063a9c3c9d6abcc53115_900x504.png) ![](https://box.kancloud.cn/8a260d6be2fcf09b025401c5bf157d2c_900x504.png) **添加音效** 新建“音效”图层,添加声音素材,为其命名为“你真棒”。 ![](https://box.kancloud.cn/933e3917232fe51b0689e69b06795436_900x504.png) 为“盘子”添加“控制声音”行为: 媒体播放控制→控制声音→触发条件:拖动物体放下。 设置参数 音频名称:“你真棒” 控制方式:“播放” 拖动物体名称:“苹果” ![](https://box.kancloud.cn/e71d8c60b8e1cf85027b1ed12e456ba5_900x507.png) ![](https://box.kancloud.cn/ab374994527f2537f862a204e437dff6_900x505.png) 同理添加“拖动‘西红柿’放下的音效”行为。 观看本节视频教程: http://cdn1.mugeda.com/course/3/3.4/3.4.10.mp4