墨刀双十一 会员低至3.7折 限时加赠 15000 AI积分 立即前往 arrow

Axure单选按钮如何只选一个?这篇文章给你答案

文章目录
免费使用墨刀
更新时间: 2026年10月09日

Axure 多个单选按钮只能选中一个,需要把它们指定到同一个单选按钮组。先添加选项,再为同一组按钮设置相同组名,最后预览并逐个点击,确认新选项选中时旧选项自动取消。下面保留完整操作图,并说明墨刀中如何展示单选组件的不同视觉状态。

一、Axure单选按钮如何只选一个

第一步:添加单选按钮

打开元件库Default,找到单选按钮Radio Button,拖拽至画布。

axure单选按钮如何只选一个

我们需要实现多个单选按钮只选中其中一个的效果,在教学中我们添加三个单选按钮,双击文本,修改按钮名称。

axure单选按钮如何只选一个

第二步:指定单选按钮组

此时,三个单选按钮互不关联,选中其中一个并不能使另一个取消选中。我们需要将三个单选按钮创建为一个按钮组,这样按钮间的状态就能互相关联、影响。

将三个按钮全部选中,右键单击,唤起菜单,并选择“指定单选按钮组”。

axure单选按钮如何只选一个

此时会出现一个对话框,告知需要为单选按钮组命名。输入命名,点击保存,即可完成按钮组的创建。

axure单选按钮如何只选一个

点击预览,查看效果。可以看到设置了单选组的按钮互相关联,选中其中一个将会取消选中另一个。而未设置单选组的按钮互不关联,三个按钮都可以选中。

axure单选按钮如何只选一个

以上就是设置Axure单选按钮只选一个的方法。

二、墨刀单选组件的视觉状态

墨刀内置选中、未选中、禁用等单选组件样式,下面介绍怎样添加和调整这些视觉状态。摆放不同样式本身不会建立互斥逻辑;需要可点击演示时,还应设置状态切换,并在预览中确认同组始终只有一个选项选中。

Axure单选按钮只选一个示意图6

墨刀 - 在线一体化产品设计协作平台

原型、设计、流程图、思维导图......享受创造的乐趣,成就团队和个人

第一步:搜索单选组件

打开墨刀项目,在素材库输入“单选”,会出现很多类型的单选组件。

axure单选按钮如何只选一个

点击组件上的“小眼睛”图标,可放大预览该组件,便于在添加前查看效果。

axure单选按钮如何只选一个

第二步:添加单选按钮

在素材库选择我们想要的单选按钮,双击或拖动,即可添加单选按钮到画布。

下图中,我们添加了“选中”“未选中”“禁用”三个状态的单选按钮。可以看到墨刀内置了多种状态的单选按钮,无需手动修改样式,即点即用,方便快捷。双击文本,可修改单选框文字。在右侧的“外观”编辑区,也可设置字体、颜色、字号、字重、对齐、间距等元素。

axure单选按钮如何只选一个

墨刀也内置了许多常见的单选组合效果,如选项卡形式、含图卡片形式、级联形式等,一键拖拽即可使用,无需从头制作,减少工作量。

axure单选按钮如何只选一个

墨刀也支持直接添加微信按钮样式,是我们设计小程序时的得力助手。

axure单选按钮如何只选一个

以上就是墨刀添加单选按钮的方法。

结语

Axure 部分通过相同按钮组实现互斥选择;墨刀部分展示了单选组件的查找、添加与样式调整。视觉稿确认后,再为业务选项配置交互,验证默认值、连续切换和禁用项。不要把“画出选中状态”当作“已经完成单选逻辑”。

Axure单选按钮只选一个示意图12

墨刀 - 在线一体化产品设计协作平台

原型、设计、流程图、思维导图......享受创造的乐趣,成就团队和个人

立即开始
 
 
 

延伸阅读:Axure适合做什么?功能、项目场景与局限说明。

免费在线原型设计工具

内容丰富组件拖拽即用

多人在线编辑实时协作

海量模板素材快速复用

一键分享交付在线评论互动