操作

Interactions 面板用于定义流程元素如何响应事件——例如点击、元素出现以及表单提交。对于每个事件，你可以分配一个或多个操作：在屏幕之间跳转、显示或隐藏元素、打开 URL、设置变量等。使用条件可以根据用户数据自定义流程。

每个交互遵循三段链式结构：

  1. Element（元素）：触发交互的屏幕组件，可以是按钮、测验选项、输入框或其他任何控件。
  2. Trigger（触发器）：激活逻辑的事件，例如点击、元素出现或表单提交。
  3. Action（动作）：流程在响应时执行的任务。一个触发器可以按顺序执行多个动作。

设置交互

要设置交互：

  1. 在屏幕上或 Layers 面板中选择一个元素。
  2. 在右侧切换到 Interactions 面板，然后点击 Add trigger。
Add trigger button
  1. 在 Button triggers 部分，选择触发类型。
Trigger type selection
  1. 点击 Add action，点击操作名称，然后在 Edit action 窗口的下拉菜单中选择动作类型。
Add action button
  1. 根据你选择的操作类型配置操作属性。
  2. 如需添加更多操作，点击 Add action 为同一触发器继续添加。

触发器类型

目前，你可以为流程添加以下触发器：

  • On tap：当用户点击某个元素时触发操作。这是最常用的触发器，主要用于在页面之间进行导航。
  • On screen appear：当页面加载完成时立即触发操作。可用于在页面加载时播放动画或记录曝光事件。

操作类型

这是在页面之间切换用户的主要操作，会将用户带到指定的目标页面。

对于此操作，你只需要设置目标页面即可。如需启用动态导航，请参阅导航与分支或条件操作部分。

Navigate to screen 应始终是操作列表中的最后一个操作。放在它之后的任何操作（如”Set Variable”）可能不会执行，因为应用已经切换了页面。

导航至屏幕

将用户导航回其历史记录中的上一个页面，而非序列中的上一个页面。

打开 URL

使用内联链接将链接插入到流式文本中。

打开指定的网址。用于将用户跳转到应用原生页面之外的网页、文章或社交媒体主页。 对于此操作，你可以配置以下两项设置：

  • URL address：设置一个 URL 地址。此外，你还可以将其设为动态地址——例如，根据用户的测验答案或用户提交的数据，将其导航至不同页面。为此，请点击 Variable icon 并选择要使用的变量。
  • Open in external browser：定义外部链接的打开方式。默认情况下，链接会在应用内浏览器中打开，以便让用户留在应用内。如需在外部浏览器中打开链接，请勾选 Open in external browser 复选框。
打开 URL

关闭流程

关闭当前流程。

显示/隐藏元素

显示或隐藏屏幕上的特定元素。

此操作会覆盖设计面板中可见性的初始设置。如果可见性设置为隐藏，则显示操作会使其出现。

没有目标元素的显示或隐藏操作会阻止预览和发布。请选择目标元素或移除该操作。

显示提示框

显示一个原生系统弹窗。用户必须点击 Ok 才能继续。

对于提示框，你需要设置其 Title 和 Message。两个字段均支持使用变量来实现动态内容。点击 Variable icon 并选择你想使用的变量即可。

包含空配置或不完整配置的 Show alert 操作会阻止预览和发布。请填写两个字段，或删除该操作。

Show alert

设置变量

更新流程中某个变量的值。在添加此操作之前，请先在左侧的 Variables 面板中创建变量（参见变量）。

点击 Add variable，根据需要设置任意数量的变量及其值。

未配置赋值的 Set variable 操作会阻止预览和发布。请至少配置一个赋值，或删除该操作。

Set variable

购买

直接从用户引导的按钮或交互中触发购买流程。使用此功能可让用户在不离开当前流程的情况下完成订阅或购买产品。 您可以为此操作配置两种行为：

  • In-app store：发起原生购买。将 Product 设置为特定产品，或设置为 products.selectedProduct 以使用用户在当前屏幕上的选择。
  • Web payment：将用户跳转至网页付费墙，而非触发原生购买。当您希望在应用外处理交易（例如基于网页的订阅套餐）时，可使用此选项。

Purchase（购买）操作若未指定目标 Product 或 Web Paywall URL，将阻止预览和发布。请为其分配目标或删除该操作。

Purchase action configuration in the Edit action window

自定义

触发一个命名的自定义操作，由你的应用代码来处理。当内置操作类型无法满足需求时使用此项——例如触发应用内事件、应用折扣或显示自定义原生页面。

配置自定义操作的步骤：

  1. 在 Edit action 窗口中，设置一个 Action ID——这是你的应用可以识别的字符串（例如 show_discount）。
  2. 在应用代码中，为该 Action ID 实现对应的处理逻辑。具体实现方式请参阅处理付费墙操作。

没有 Action ID 的 Custom 动作会阻止预览和发布。请为该动作分配一个 Action ID，或将其移除。

Custom action configuration with Action ID field in the Edit action window

条件动作

使用条件动作可以根据用户数据将流程拆分为不同的路径。

常见使用场景包括：

  • 屏幕上有一个测验，希望根据用户的答案将其导航到不同的页面。此时，为按钮添加一个条件动作即可。
  • 希望向不同的用户群体展示不同的产品和优惠。将它们放在不同的页面上，并为导航按钮设置相应的条件。
  • 希望跳过已经在上一个应用会话中完成过新手引导的用户的某些步骤。 条件动作的工作方式类似于 if / else-if / else 链。应用从上到下依次读取规则，遇到第一个匹配项即停止：
  1. IF：流程检查主要条件。
    • 结果为 True？流程立即执行 THEN 动作并停止。
    • 结果为 False？流程跳至下一节。
  2. ELSE IF：可在此添加额外的检查条件（例如，“如果不是 Premium 用户，该用户是否处于试用期？”）。
  3. ELSE（兜底）：如果以上所有规则均未匹配，流程将执行此最终节中的动作。
  • 如果某条规则已添加但未分配任何操作，则匹配该条件后不会执行任何动作。
  • 不完整的规则（缺少运算符或值）会阻止预览和发布。

每条规则需选择一个待评估的变量和一个待执行的操作。每条规则可设置多个操作。

流程只会执行第一条匹配的规则。如果需要同时执行 IF 和 ELSE IF，请将两个操作都添加到 IF 中。

要了解如何将元素设置为可选中状态并将其组织成组以在条件中使用，请参阅可选中的元素与分组。

条件动作

故障排查

任何缺少必填字段的操作都会阻止预览和发布。完整列表请参阅保存与发布流程。