养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Axure 中单选框的使用方法

时间:2024-10-02 03:18:59

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

工具/原料

AxureRP8.0

方法/步骤

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

Axure 中单选框的使用方法

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

Axure 中单选框的使用方法

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

Axure 中单选框的使用方法

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

Axure 中单选框的使用方法

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

Axure 中单选框的使用方法

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

Axure 中单选框的使用方法

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

Axure 中单选框的使用方法

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

© 一点知识