事件流总览让你不用逐个点开组件，也能把当前屏幕上的事件关系看清楚。它把画布上的连线图层和底部面板里的审查视图放到一起，帮助你快速回答三个问题：

  • 这个屏幕上有哪些组件会触发事件
  • 每个事件最终会作用到哪里
  • 哪些事件配置不完整、目标已失效，或会跳出当前屏幕

事件流总览本身是只读的，只负责查看和跳转；真正的编辑仍然在检查器的 事件 选项卡里完成。

画布图层

在画布上，事件流会以叠加图层的方式显示：

  • 通过画布工具条上的事件流图标打开或关闭。
  • 使用 Ctrl/Cmd+Shift+E 快捷切换。
  • 箭头会把源组件和它影响到的目标组件或目标屏幕连起来。
  • 有些不会形成普通箭头的事件会显示成徽标，比如指向自身的事件，或挂在屏幕上的生命周期事件。
  • 错误和警告颜色直接复用文档的合规检查结果，因此目标缺失这类问题不会在总览里“消失”。

图层会随着缩放自动控制信息量。缩得比较远时只保留关键连线；放大后才会显示你当前正在关注的那几条连线标签。

跳转到所属处理器

无论是画布上的箭头、徽标，还是面板里的条目，都可以直接跳回它所属的事件：

  1. 点击画布或面板中的事件流项。
  2. 编辑器会选中源组件。
  3. 检查器切换到 事件 选项卡。
  4. 对应的事件行会自动展开并高亮。

所以，事件流总览更像是一张“导航图”，而不是另一套事件编辑器。

Events 选项卡

如果当前构建启用了事件流总览功能，底部面板会在 Problems 等审查标签旁新增 Events。

其中的 List 视图会按“事件动作”逐行列出当前活动屏幕上的事件，包括那些没法在画布上画成普通箭头的情况：

  • 没有目标组件的动作，例如 call_function、delay
  • 目标为空或目标已丢失
  • 挂在屏幕本身上的生命周期事件
  • change_screen 这类跨屏动作

你还可以按严重级别筛选，优先处理错误和警告。

Flows 视图

在 Events 选项卡中，从 List 切换到 Flows，就可以把跨屏跳转看成一张屏幕流转图：

  • 每个屏幕显示为一张卡片
  • 每条 change_screen 关系显示为一根箭头
  • 卡片计数显示流出和流入的跨屏连线
  • 点击卡片可打开该屏幕
  • 点击流转箭头可跳到对应事件

如果你想回答的是“屏幕之间怎么流转”，而不是“组件之间怎么联动”，这个视图会更直观。

适合用它做什么

  • 在智能体批量修改后，快速过一遍整个屏幕的事件
  • 在导出前找出失效或悬空的事件目标
  • 理清某条交互链是从哪个组件开始触发的
  • 追踪 change_screen 最终会跳到哪里
  • 不用翻层级树，也能一次性看完当前屏幕的全部事件

相关指南