木疙瘩教程:拖动选择如何使用

 时间:2024-10-12 03:29:52

1、如下图,添加素材:背景图片,四个文本框钱砀渝测(分别输入文字内容为“守”“株”“待”“兔”,调节字体大小、颜色、位置等属性傧韭茆鳟),四个矩形元素(在“属性”面板下调节填充色为透明色,线条类型为“点线”),并对其进行排版

木疙瘩教程:拖动选择如何使用

2、分别在“属性”面板下为“守”“株”“待”“兔”蚵播噍疸四个文本框命名为“守”“株”(视频中为“zhu”)“待”“兔”

木疙瘩教程:拖动选择如何使用

3、分别在“守”“株”“待”“兔”四个“属性”面板下为其设置“拖动/旋转”类型为“自由拖动”

木疙瘩教程:拖动选择如何使用

4、新建文本框,输入内容为“0”,命名为“判断”

木疙瘩教程:拖动选择如何使用

5、设置第一个矩形元素的编辑行为:“属性控制”→“改变元素属性”→触发条件:“拖动物体放下”

木疙瘩教程:拖动选择如何使用

6、设置“参数”元素名称:“判断”侍厚治越元素属性:“文本取值”赋值方式:“在现有值基础上增加”取值:“1”拖动物体名称:“守”,点击“确认”

木疙瘩教程:拖动选择如何使用

7、分别复制第一个矩形的编辑行为至第二、三、四个矩形上

木疙瘩教程:拖动选择如何使用

8、分别改变第二、三、四个矩形的行为参数:“拖动物体名称”:“株”(视频中为“zhu”)/“待”“兔”

木疙瘩教程:拖动选择如何使用

9、新建第2页面,添加背景图片、文本框,在文本框中输入文字内容为“恭喜你答对了”,修改字体、大小、位置等属性

木疙瘩教程:拖动选择如何使用

10、添加第1页“分数”文本框的编辑行为“禁止翻页”行为:“动额鹿赤柝画播放控制”→“禁止翻页”→触发条件:“出现”;“跳转下一页”行为:“动画播放控制”→“下一页”→触发条件:“属性改变”,点击“编辑”按钮,设置参数执行条件:“检查元素状态”元素名称:“判断”参考属性:“文本取值”逻辑条件:“等于”参考值:“4”

木疙瘩教程:拖动选择如何使用
木疙瘩教程:拖动选择如何使用

11、新建第3页面,添加背景图片、文本框,在文本框中输入文字内容为“很遗憾再接再厉”,修改字体、大小、位置等属性

木疙瘩教程:拖动选择如何使用

12、如下图,点击回到第1页面,添加定时器,修改“长度”为“10”秒

木疙瘩教程:拖动选择如何使用

13、设置定时器编辑行为:“动画播放控制”→“跳转到页”→触发条件:“定时器时间到”

木疙瘩教程:拖动选择如何使用

14、在“参数”对话框中选择“页号”为“3”,点击“确认”

木疙瘩教程:拖动选择如何使用

15、点击“预览”观察效果

木疙瘩教程:拖动选择如何使用
  • 木疙瘩教程:H5作品相关设置
  • 木疙瘩教程(H5):元件的使用
  • 木疙瘩教程:如何制作拖动长图类的H5动画?
  • 木疙瘩教程:如何制作关键帧动画?
  • 木疙瘩如何导入图片素材
  • 热门搜索
    卫生健康手抄报 环保的手抄报图片 手抄报安全伴我行 青春手抄报图片 我爱诗歌手抄报 环境教育手抄报 关于语文的手抄报图片 手抄报花边边框大全 有关于元宵节的手抄报 二年级安全手抄报