1.4_10 Axure RP 9 for mac 高保真原型图 - 案例9 【按钮】单选按钮组
一、成品效果
Axure Cloud 案例9 -【按钮】单选按钮组
案例汇总包含三种常见的选择方式:
1. 单选
2. 多选
3. 全选、取消全选、反选
存在问题:单选按钮只能点击后变为选中模式,再次点击无法变为未选择样式。
二、素材准备
只需要使用Axure RP 9 默认元件,单选按钮、矩形即可。
三、制作方法
1.单选
操作:选中多个按钮,将其置于同一个单选按钮的组。
组的特点:在同一时间,组内元件至多有一个,处于选中状态。
2.多选
直接使用默认元件库的单选按钮即可。
3.全选、取消全选、反选
全选:通过给按钮增加【交互】单击时 -> 【动作】设置选中 -> 设置值为 真。
取消全选:通过给按钮增加【交互】单击时 -> 【动作】设置选中 -> 设置值为 假。
反选:通过给按钮增加【交互】单击时 -> 【动作】设置选中 -> 设置值为 切换。
22/09/02
M