Axure学习-001单选按钮
Axure在做交互的时候会用到单选按钮,怎么实现单选按钮的交互尼?有以下几种情况可以实现,下面详细展开介绍。
本次Axure的版本为8.0。
1、单选按钮组
单选按钮在元件库中的表单原件中,大家直接从里面拖拽出来就可以使用了。
首先我们拖出几个单选按钮出来,给按钮标签命名,如性别选项,男、女(这个就是大概率的单选题吧!)
同时选中两个单选按钮,右键选择设置单选按钮组
设置选项组名称,如:性别,点击确定,就ok啦!
看看交互效果
多个选项都可以用选项组来实现交互哦!
3个选项
5个选项
2、其他元件实现单选交互
除了用单选按钮可实现单选的交互,其他元件也可以实现这种单选交互。
以套餐选择为例,在这里我们默认每个人只能选择一个套餐(吃太多容易被杀掉哦~)
首先,我们设置元件选中时的样式,选中元件,右键交互样式
在这里我们设置,当元件被选中时,边框为蓝色,如这种
在右边添加用例
添加动作为选中,当前元件(就是海南鸡饭元件)为真。
所有的套餐元件都设置同样的交互和用例,所有的元件选中了之后样式是这样的
然后!重点来了,选中所有的元件,右键选择设置选项组,给选项组随便起个名字,就叫套餐选择吧
确定,看看我们的交互样式
每个套餐都能实现单选了~