事件绑定
学习触发器与效果的绑定流程
事件绑定是将触发条件与效果动作连接起来的过程。通过事件绑定,您可以定义「当某个条件发生时,执行某个动作」的交互逻辑。
绑定流程
按照以下步骤完成一个完整的事件绑定:
选中目标组件
在画布上点击需要添加事件的组件。被选中的组件会显示选中框,右侧属性面板会显示该组件的属性配置。
打开事件面板
在右侧属性面板中,找到并展开「事件」配置区域。这里会列出该组件已绑定的所有事件。
添加新事件
点击「添加事件」按钮,创建一个新的空事件。新事件会出现在事件列表的末尾。
选择触发器类型
为新事件选择一种触发器类型。系统提供六种触发器:自动、交互、状态、碰撞、旋转、变量。根据您的交互需求选择合适的类型。
配置触发条件
根据所选的触发器类型,填写对应的参数。例如:为交互事件选择目标组件和交互方式(点击/按下/抬起),为自动事件设置延迟时间。
添加效果动作
点击「添加效果」按钮,为事件添加一个效果动作。一个事件可以包含多个效果,它们会按顺序依次执行。
配置效果参数
选择效果的类型(如显示、隐藏、播放动画等),指定目标组件或标签,并设置该效果的具体参数。
预览测试
使用工具栏的预览功能测试交互效果,确保触发条件和效果动作按预期工作。如有问题,返回修改配置后再次预览。
触发器配置
每种事件类型对应不同的触发器配置,以下是各触发器的关键参数速览:
关于每种触发器的详细配置方式和使用场景,请参阅事件类型页面。
效果配置
效果定义了触发后要执行的具体动作。每个效果需要配置以下内容:
- 效果类型 — 要执行的动作类型,如显示、隐藏、播放动画、跳转页面等
- 目标组件 — 效果作用的对象,可以选择具体的组件或标签
- 效果参数 — 根据效果类型不同,需要配置的具体参数也不同
当目标选择标签时,效果会同时作用于该标签下的所有组件,适合批量操作场景。
关于所有可用的效果动作类型及其参数详解,请参阅效果动作参考。
多触发器
一个事件可以配置多个触发器,多个触发器之间是**或(OR)**的逻辑关系。也就是说,任意一个触发器被触发,都会执行该事件的所有效果。
例如,您可以为同一个事件同时添加:
- 一个自动触发器(延迟 3 秒)
- 一个交互触发器(点击按钮)
这样,无论是页面加载 3 秒后,还是用户点击了按钮,都会执行相同的效果动作。这在需要兼顾自动和手动触发的场景中非常实用。
多事件与多效果
多事件
一个组件可以绑定多个事件,每个事件拥有独立的触发器和效果配置。多个事件之间互不干扰,各自独立触发和执行。
多效果
每个事件可以包含多个效果动作。效果按照列表中从上到下的顺序依次执行。您可以:
- 拖拽排序 — 通过拖拽调整效果的执行顺序
- 插入延时 — 在效果之间添加延时效果,控制执行节奏
- 批量执行 — 多个效果顺序执行,实现复杂的组合动作
例如,一个点击事件可以包含以下效果序列:
- 隐藏当前按钮
- 延时 200 毫秒
- 显示结果面板
- 播放出现动画
触发次数
每个事件可以配置触发次数,控制该事件最多被触发多少次:
| 设置 | 说明 |
|---|---|
| -1 或不设置 | 无限次触发(默认) |
| 正整数 | 触发指定次数后自动停用 |
使用场景
- 一次性弹窗 — 设置触发次数为 1,欢迎弹窗只在首次出现
- 首次点击引导 — 只在第一次点击时播放引导动画
- 限次互动 — 游戏中每个道具只能使用固定次数
条件控制
事件支持条件分支,您可以为效果添加执行条件,只有满足条件时才会执行对应的效果。
条件表达式
条件通过比较变量值或组件属性来判断是否满足:
| 运算符 | 说明 | 示例 |
|---|---|---|
=== | 等于 | 分数 === 100 |
!= | 不等于 | 状态 != 0 |
> | 大于 | 分数 > 50 |
< | 小于 | 生命值 < 20 |
>= | 大于等于 | 等级 >= 3 |
<= | 小于等于 | 剩余次数 <= 0 |
条件组合
多个条件可以通过逻辑运算符组合:
- AND(与) — 所有条件都满足时才执行
- OR(或) — 任意一个条件满足时就执行
使用示例
- 得分达标 — 当
分数 > 50时显示奖励画面 - 生命值判定 — 当
生命值 <= 0时显示游戏结束界面 - 多条件组合 — 当
分数 >= 100且时间 > 0时触发完美通关效果
建议在配置事件后使用预览功能测试交互效果,确保触发条件和效果动作符合预期。对于包含条件判断的事件,需要通过修改变量值来测试不同条件分支是否正确执行。
这个页面有帮助吗?