axure如何自定义单选框

 时间:2024-10-09 13:21:09

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

工具/原料

Axure

方法/步骤

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

axure如何自定义单选框

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

axure如何自定义单选框

axure如何自定义单选框

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

axure如何自定义单选框

4、同样的方法我们复制为男性别擢爻充种的单选框,但是作为性别,选了男就不能选女了,现在我们的单选框还是都可以同时选的状醯浍窝荡态。接下来我们要实现,选中性别为女的时候,性别为男的单选框为不选中状态,性别为女的单选框为选中状态,这里利用了选项组的功能。

axure如何自定义单选框

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

axure如何自定义单选框

axure如何自定义单选框

Axure引用html 怎么画金鱼的线描绘画 如何应对台风 iPhone表情符号“秒表⏱️” UE4中的视口光源亮度如何配置
热门搜索
洗眼器图片 篮球架图片 迷茫管家与懦弱的我漫画 荷花素描图片 动漫接吻