企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
# 拖动选择 * * * * * 如下图,添加素材:背景图片,四个文本框(分别输入文字内容为“守”“株”“待”“兔”,调节字体大小、颜色、位置等属性),四个矩形元素(在“属性”面板下调节填充色为透明色,线条类型为“点线”),并对其进行排版 ![](https://box.kancloud.cn/4980bbce373e83dca4457bec0017c27a_800x459.png) 分别在“属性”面板下为“守”“株”“待”“兔”四个文本框命名为“守”“株”(视频中为“zhu”)“待”“兔” ![](https://box.kancloud.cn/e617a4fcc8bf54bf86f8d91a695d2643_800x459.png) 分别在“守”“株”“待”“兔”四个“属性”面板下为其设置“拖动/旋转”类型为“自由拖动” ![](https://box.kancloud.cn/b03fb1ffb77c26a85f8244f9da37217c_800x455.png) 新建文本框,输入内容为“0”,命名为“判断” ![](https://box.kancloud.cn/86dc76e5dc0d2fb4fee63ee35c050520_800x462.png) 设置第一个矩形元素的编辑行为:“属性控制”→“改变元素属性”→触发条件:“拖动物体放下” ![](https://box.kancloud.cn/c1dd5eab6a867fef32bc1e014ce0e4f6_800x458.png) 设置“参数” 元素名称:“判断” 元素属性:“文本取值” 赋值方式:“在现有值基础上增加” 取值:“1” 拖动物体名称:“守”,点击“确认” ![](https://box.kancloud.cn/af76b706542b0643e7ad36d13051665a_800x391.png) 分别复制第一个矩形的编辑行为至第二、三、四个矩形上 ![](https://box.kancloud.cn/98d22be03c731f4f806714036d830237_800x455.png) 分别改变第二、三、四个矩形的行为参数: “拖动物体名称”:“株”(视频中为“zhu”)/“待”“兔” ![](https://box.kancloud.cn/7d4231f09edc349415cccd5b1b5cb972_800x383.png) 新建第2页面,添加背景图片、文本框,在文本框中输入文字内容为“恭喜你答对了”,修改字体、大小、位置等属性 ![](https://box.kancloud.cn/5d26458c9ae0bf42c9b7f1b987829065_800x462.png) 添加第1页“分数”文本框的编辑行为 “禁止翻页”行为:“动画播放控制”→“禁止翻页”→触发条件:“出现”; “跳转下一页”行为:“动画播放控制”→“下一页”→触发条件:“属性改变”,点击“编辑”按钮,设置参数 执行条件:“检查元素状态” 元素名称:“判断” 参考属性:“文本取值” 逻辑条件:“等于” 参考值:“4” ![](https://box.kancloud.cn/1133e45553765a5bebf8c31e9f85cd4f_800x456.png) ![](https://box.kancloud.cn/bf9877f2e4bb656b1022d36d702da56f_800x417.png) 新建第3页面,添加背景图片、文本框,在文本框中输入文字内容为“很遗憾再接再厉”,修改字体、大小、位置等属性 ![](https://box.kancloud.cn/a40fb3a7a5c1882c8c16f19c92ff1105_800x455.png) 如下图,点击回到第1页面,添加定时器,修改“长度”为“10”秒 ![](https://box.kancloud.cn/e61817a41e6b0baff2104f22b82466d0_800x465.png) 设置定时器编辑行为:“动画播放控制”→“跳转到页”→触发条件:“定时器时间到” ![](https://box.kancloud.cn/52fa4b0fc85d0cd5d329c11b38649c1c_800x455.png) 在“参数”对话框中选择“页号”为“3”,点击“确认” ![](https://box.kancloud.cn/1c73b4efc99968599a8c0b713b8e1855_800x367.png) 点击“预览”观察效果 ![](https://box.kancloud.cn/57c7587b5b55e6b7ab6a6ea048639600_800x454.png) 观看本节视频教程: http://cdn1.mugeda.com/course/4/4.3/4.3.4.mp4