Axure RP 9 新手养成计划,自学记录篇(2)单选框效果

  • 实现目标: 选择任一项,其他项变成非选中状态。
  • 实现方式: (1)单选按钮组的设置;(2)通过事件动作来实现

最终效果如下:
Axure RP 9 新手养成计划,自学记录篇(2)单选框效果_第1张图片

详细步骤:
在这里插入图片描述
拖拽组件:3个单选框,将单选框文字分别改为男、女、保密
Axure RP 9 新手养成计划,自学记录篇(2)单选框效果_第2张图片
方式一:设置单选按钮组 (性别1)

  • 选中三个单选框 > 单击鼠标右键调出菜单栏 > 指定单选按钮的组
  • 将组名称命名为:性别
  • 预览,实现单选效果Axure RP 9 新手养成计划,自学记录篇(2)单选框效果_第3张图片
    方式二:通过事件动作来实现(性别2)
  • 分别设置三个单选框的onclick事件为:如果该单选框被选中的话,其他单选框变为未选中状态
    1. 设置单选框 “男” 的oneclick单击事件 Axure RP 9 新手养成计划,自学记录篇(2)单选框效果_第4张图片
    2. 分别按同样的方式,设置单选框 “女” 和 “保密” 的oneclick单击事件
    3. 预览,实现单选效果

你可能感兴趣的:(产品经理,-,Axure,Axure)