木疙瘩行为添加以及触发事件教学

木疙瘩官方版是一款功能全面、专业强劲、使用便捷的无代码H5制作工具，操作习惯及功能类似Flash，支持1000多种无代码交互形式，专业工具，适合美编及程序员使用 ，操作习惯类似 PPT，容易上手，支持可视化创建表单并采集数据，兼容H5编辑器美编版制作的文件，支持便捷编辑幻灯片、全景、图表等组件，支持作品内素材资源的便捷替换，可在编辑过程中直接编辑图片、视频等素材，支持图文音视的混排，支持插入H5页面， 支持调用图片、视频编辑器快速处理素材。

行为添加以及触发事件

行为

如图，点击物体右边的“添加/编辑行为”按钮，弹出“编辑行为”对话框。

木疙瘩行为添加以及触发事件教学图1

行为包括“动画播放控制”“媒体播放控制”“属性控制”“微信定制”“手机功能”五大部分。

木疙瘩行为添加以及触发事件教学图2

其中，“动画播放控制”包括“暂停”“播放”“下一帧”“上一帧”等行为功能

“媒体播放控制”包括“播放声音”“停止所有声音”“控制声音”“播放视频”等行为功能。

属性控制”包括“改变元素属性”“设置定时器”“跳转链接”“提交表单”等行为功能。

木疙瘩行为添加以及触发事件教学图3

“微信定制”包括“定制图片”“录制声音”“显示微信头像”“显示微信昵称”“定义分享信息”等行为功能。

木疙瘩行为添加以及触发事件教学图4

“手机功能”包括“打电话”“发短信”“发送邮件”“日历事件”“地图”等行为功能。

触发条件

如下图，选中左边任意行为例如“播放”行为，在右边“触发条件”下拉菜单中有“点击”“出现”“手指按下”“手指抬起”等多种触发行为的条件选项。通过选择不同的“触发条件”组合不同的行为可以形成无数种逻辑表达。

木疙瘩行为添加以及触发事件教学图5

页的行为包括“上一页”“下一页”“跳转到页”“禁止翻页”以及“恢复翻页”等行为。如下图，点击“下一页”按钮元素的“添加/编辑行为”按钮，在弹出的“编辑行为”对话框中选择：“动画播放控制”→“下一页”→触发条件：点击。即设置好点击即跳转到下一页的行为。

木疙瘩行为添加以及触发事件教学图6

如下图，点击“跳转到页”按钮元素的“添加/编辑行为”按钮，在弹出的“编辑行为”对话框中选择：“动画播放控制”→“跳转到页”→触发条件：点击。点击“编辑”按钮，进入“参数”对话框。

木疙瘩行为添加以及触发事件教学图7