欢迎访问设·集合!

设·集合

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

Axure如何自定义单选框?

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

Axure如何自定义单选框?在Axure中,自带的单选框没有办法按个人需要设置,以下为以选择性别为例的自定义单选框的方法介绍。

点击观看“Axure RP”视频教程,帮助你更好的上手

工具/软件

硬件型号:华为笔记本电脑MateBook 14s

系统版本:Windows7

所需软件:Axure RP

方法/步骤

第1步

首先我们设计需要的单选框样式为一个外圆加一个小圆,这里将我命名为外圆1和小圆1,并组合命名为单选框


第2步

这个时候我们需要让单选框选中时颜色才变成蓝色,未选择时为灰色且没有中间的小圆圈,

选择外圆1,新建交互找到选中,然后设置选中线段颜色变为蓝色;

选中外圆2,新建交互找到选中,然后设置选中填充颜色为蓝色;



第3步

上面步骤做完之后,我们为单选框还需要设置单击事件,使其单击时选中事件为真,如下图,设置完后预览就可以看到点击时会相应为选中状态。


第4步

同样的方法我们复制为男性别的单选框,但是作为性别,选了男就不能选女了,现在我们的单选框还是都可以同时选的状态。

接下来我们要实现,选中性别为女的时候,性别为男的单选框为不选中状态,性别为女的单选框为选中状态,这里利用了选项组的功能。


第5步

我们同时选中两个单选框,右键选中选项组,并为该选项组命名。然后预览,就可以发现,选中时不会同时可选中



广告位

热心评论

评论列表