多语言展示
当前在线:1008今日阅读:23今日分享:25

axure如何自定义单选框

Axure自带的单选框没有办法按个人需要设置,以下为以选择性别为例的自定义单选框的方法介绍。
工具/原料

Axure

方法/步骤
1

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

2

这个时候我们需要让单选框选中时颜色才变成蓝色,未选择时为灰色且没有中间的小圆圈,选择外圆1,新建交互找到选中,然后设置选中线段颜色变为蓝色;选中外圆2,新建交互找到选中,然后设置选中填充颜色为蓝色;

3

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

5

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

推荐信息