axure如何自定义单选框

【axure如何自定义单选框】Axure自带的单选框没有法子按小我需要设置 , 以下为以选择性别为例的自界说单选框的方式介绍 。

需要这些哦
Axure
方式/
1起首我们设计需要的单选框样式为一个外圆加一个小圆 , 这里将我定名为外圆1和小圆1 , 并组合定名为单选框

axure如何自定义单选框

文章插图

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

axure如何自定义单选框

文章插图

axure如何自定义单选框

文章插图

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

axure如何自定义单选框

文章插图

4同样的方式我们复制为男性此外单选框 , 可是作为性别 , 选了男就不克不及选女了 , 此刻我们的单选框仍是都可以同时选的状况 。
接下来我们要实现 , 选中性别为女的时辰 , 性别为男的单选框为不选中状况 , 性别为女的单选框为选中状况 , 这里操纵了选项组的功能 。

axure如何自定义单选框

文章插图

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

axure如何自定义单选框

文章插图

axure如何自定义单选框

文章插图

以上内容就是axure如何自定义单选框的内容啦 , 希望对你有所帮助哦!

    推荐阅读