设置变量与条件判断

在原型交互中，可以使用 MasterGo 的变量系统实现动态交互逻辑——通过「设置变量」动作修改变量值，再配合「条件判断」实现不同分支的交互流程。

前置知识

变量功能详见变量和样式。原型交互中使用的变量与设计变量是同一套系统（颜色、数值、字符串、布尔四种类型）。

设置变量

在交互动作中选择「设置变量」，可以在用户触发交互时动态修改变量的值。

操作步骤

1. 选中图层 → 右侧属性面板切换到「原型」标签
2. 添加交互 → 选择触发方式（如点击、悬停等）
3. 在动作列表中选择「设置变量」
4. 选择目标变量和要设置的值
5. 可继续添加后续动作（如跳转到其他页面）

支持的变量类型

设置变量动作支持全部四种变量类型：

• 颜色变量：修改图层的填充色、描边色等颜色属性
• 数值变量：修改圆角、间距、描边宽度、不透明度等数值属性
• 字符串变量：修改文本内容、占位符等字符串属性
• 布尔变量：修改显示/隐藏、开关状态等布尔属性

条件判断

条件判断让你根据变量当前值来决定不同的交互走向。

操作步骤

1. 添加交互 → 在动作中选择「条件判断」
2. 设置判断条件，例如：currentTab == 'home'
3. 为「满足条件时」和「不满足条件时」分别设置不同的后续动作
4. 每个分支可以继续嵌套条件或设置跳转目标

条件类型

• 等于 / 不等于：精确匹配变量值
• 大于 / 小于 / 大于等于 / 小于等于：数值比较
• 包含 / 不包含：字符串包含判断

使用示例

Tab 切换

1. 创建变量 currentTab（字符串类型），初始值为 'home'
2. 给「首页」Tab 添加交互：点击 → 设置变量 currentTab = 'home' → 切换到首页内容
3. 给「个人」Tab 添加交互：点击 → 设置变量 currentTab = 'profile' → 切换到个人页

多步骤流程

1. 创建变量 step（数值类型），初始值为 0
2. 给「下一步」按钮添加交互：点击 → 条件判断 → step == 0 跳转到步骤2 并设置 step = 1；step == 1 跳转到步骤3 并设置 step = 2
3. 给「上一步」按钮添加反向的条件判断逻辑

常见问题

问题	解决方法
条件判断不生效	检查变量值是否拼写完全一致（区分大小写）
设置变量后图层未更新	确认图层已绑定该变量引用，变量值修改后才会反映
条件判断后执行多个动作	在条件分支中可继续添加多个动作，依次执行