Axure高手小技巧：一个“选项组”，轻松搞定所有互斥选择
这篇素材把 Axure 中被低估的“选项组”功能重新定义为原型交互里的互斥状态管理器：只要把同一组 Tab、导航、筛选项或单选项放进同一个选项组，Axure 就会自动保证同一时间只有一个元件处于选中状态，从而减少大量手写 Case 和逐个取消选中的维护成本。
基本信息
- 来源类型：文章
- 原文位置：raw/articles/2026-07-07-092045-tg-5d9111.md
- 原文 URL：https://www.woshipm.com/share/6425028.html
- 消化日期：2026-07-07
核心观点
- “选项组”本质上是 Axure 内置的互斥状态管理器：文章把它比喻成无形的“组织者”，规则是“在我们组里，同一时间，只能有一个成员处于选中状态”。当新成员被设置为选中时，旧成员会自动取消选中，互斥逻辑由 Axure 后台处理，不需要 PM 或设计师手写复杂判断条件。
- Tab 页签只是最典型案例，不是唯一场景：作者用 4 个标签的 Tab 切换演示基本用法，但随后扩展到表单中的性别/会员等级、列表筛选按钮组、左侧导航菜单等，本质都是“多选一”需求。
- 实现流程比常规动态面板和 Case 逻辑更轻：只需画出多个标签、设置默认样式和“选中”样式、全选后输入同一个选项组名称，再给每个标签添加“单击时 → 设置选中 → 当前元件 = 真”。页面载入时可设置默认选中项，即可得到完整互斥效果。
- 命名规范是后续维护的关键：作者建议选项组名称要有意义，例如
Tab_Main、Menu_Left，这样当页面元件多、交互复杂时，设计者能快速识别哪些元件共享同一组互斥关系。 - 内容切换仍需与动态面板配合：选项组只负责“谁被选中、谁自动取消选中”，如果 Tab 还要切换下方内容区，需要在同一个点击交互中追加“设置面板状态”动作，让动态面板切到对应状态页。这说明选项组不是替代动态面板，而是把“选中态互斥”从内容切换逻辑中拆出来。
实操内容保留
代码/配置
本文无代码块，但给出了可直接复用的 Axure 配置命名示例：
选项组名称示例：MainTab
规范命名示例：Tab_Main、Menu_LeftPrompt 模板
（本文无 Prompt 模板。）
操作步骤
用 Axure 选项组实现 4 个 Tab 页签互斥
- 画出标签元件：画出 4 个矩形标签，设置默认样式，例如灰底黑字。
- 设置选中样式：为每个标签设置“选中”样式，例如蓝底、下划线或其他高亮样式。
- 创建选项组：全选这 4 个标签，在右侧【交互】面板中找到“选项组”设置（必要时点击【显示全部】），输入同一个组名称，例如
MainTab。 - 添加点击交互：为每个标签添加交互：【单击时】 → 【设置选中】 → 【当前元件】，值设为【真】。
- 设置默认选中项：在页面“载入时”，设置你希望默认选中的标签为选中状态。
- 配合动态面板切换内容：如果 Tab 下方有内容区，在同一个【单击时】交互中增加“设置面板状态”动作，让动态面板切换到对应状态页。
其他复用场景
- 表单单选项：性别选择、会员等级选择等，可用矩形、圆形或模拟单选按钮加入同一个选项组，并在选中状态中加对勾或边框变化。
- 筛选按钮组：列表页中的“综合排序 / 销量最高 / 价格最低”等互斥筛选项可放入同一个选项组，实现点击一个、其他自动释放。
- 左侧导航菜单：一级菜单项放入同一个选项组，选中时高亮当前所在页面。
- 多属性筛选不要误放同组：如果需要“多选”效果，不要把所有项放在同一个选项组；应按属性类别分别建组选项组，例如“品牌”一组、“尺寸”一组。
关键概念
- Axure 选项组 — Axure 中用于管理同组元件互斥选中态的交互功能。
- 互斥选择 — 多个选项中同一时间只能有一个处于选中状态的交互模式。
- 产品思维 — 本文补充了产品原型设计中“把状态逻辑抽离为工具规则”的方法论视角。
与其他素材的关联
- 与 2026-05-10-ai-frontend-usable-deliverable 的关系：那篇强调 AI 前端生成的结构化验收与交互状态完整性，本文则从 Axure 原型工具角度补充“选中态互斥”这类基础交互状态应先被标准化管理，否则后续无论交给设计、前端还是 AI 生成页面，都容易出现状态不一致和维护成本上升。
- 与 2026-06-18-ai-product-trust-design-patterns 的关系：AI 交互五领域强调用户与系统之间的可理解反馈，本文的选项组虽然不是 AI 场景，但同样体现了交互设计里的一个底层原则：界面状态必须清晰、稳定、可预期，用户点击一个选项后，系统应自动处理其他选项的状态。
- 与 产品思维 的关系：本文不是宏观产品战略，而是一个很小的原型技巧；但它体现了产品思维在执行层的价值——把重复、易错、可规则化的逻辑交给工具管理，人专注于信息结构、内容切换和业务表达。
原文精彩摘录
简单来说，它就像一个无形的“组织者”，将一组元件归拢到一起，并立下规矩：“在我们组里，同一时间，只能有一个成员处于选中状态。”
当你在组里选中一个新成员时，之前被选中的成员会自动被取消选中。这个互斥逻辑，由Axure在后台自动帮你执行，完全不需要编写任何复杂的判断条件。
“选项组”的精髓，就是将“互斥”的逻辑抽离出来，由工具代为管理，让我们能专注于样式和内容的切换。