欢迎访问设·集合!

设·集合

您现在的位置是:首页 > 平面软件 > Axure

Axure中单选框的使用方法

设·集合小编 发布时间:2023-04-17 14:40:12 1831次最后更新:2024-03-08 12:12:10

在利用Axure rp工具绘制原型的时候,我们应该尽量模拟真实系统进行设置,尽量用简单的方式实现各种效果,本文将介绍一种超级简单的方式实现页面上的单选效果,希望能帮助到大家。

图文不详细?可以点击观看【Axure RP免费试看视频教程】

工具/软件

硬件型号:微软Surface Laptop Go

系统版本:Windows7

所需软件:Axure RP

方法/步骤

第1步

打开Axure RP 工具,我使用的是汉化版的,所以截图和未汉化的略有差异,英文版的朋友,可以根据截图的位置查找对应的选项。


第2步

在打开的Axure RP 工具中,新建一个页面,从元件库中拖动三个单选按钮至页面,效果如下图所示。


第3步

选中第一个单选框,在右侧的属性中下拉找到“设置单选按钮组名称”,为该单选按钮设置一个组名称,如下图所示。


第4步

在“设置单选按钮组名称”下的文本框中输入一个名称,该名称是可以自定义的,比如本文中我将名称设置为“dbdata”


第5步

选择第二个单选按钮,同样在右边的属性中下拉到“设置单选按钮组名称”处,这时候请注意直接点击下图标红的箭头选择第四步中定义的名称,也可以手动输入第四步中一样的名称“dbdata”,如果选择手动输入的时候,切记不要输错了,否则工具就不会认为他们是一个组的,所以这个地方还是建议通过下拉框进行选择比较稳妥一些。


第6步

选择第三个按钮,同样按照第五步描述的进行操作,将该单选框加入"dbdata"组中。


第7步

这样设置完成之后,三个单选框就都在一个组里了,这时候预览效果就可以发现三个单选按钮已经实现互斥的效果,选中的只能有一个。


第8步

以前未发现这个功能的时候,为了实现单选的效果,还要通过多个动态面板来实现,设计起来实在太麻烦了,后来在学习的过程中发现了这个简单快捷的方式,才知道原来这样使用超级简单。希望对使用Axure RP的朋友也能带来同样的便捷。

广告位

热心评论

评论列表