美文网首页
保姆级教程-如何自制单选框

保姆级教程-如何自制单选框

作者: Dawn_wdf | 来源:发表于2023-03-08 10:56 被阅读0次

Axure自带的单选框只有一个,但是平时使用单选框的时候,至少也是两个,且存在只能选择一个的交互,为了解决这个问题,自制一个单选框,效果如下(可放大查看动图):


ezgif-4-7bf0918c22.gif
制作流程

1、拖拽四个单选框,按照需求自由排列组合:


截屏2023-03-09 10.30.43.png

2、选中第一个按钮,在右侧添加交互


截屏2023-03-09 10.30.55.png
3、选择“选中”交互
截屏2023-03-09 10.31.03.png

4、连接行为为“选中”状态


截屏2023-03-09 10.31.17.png
5、选择其他3个按钮,并设置值如下图:
截屏2023-03-09 10.31.45.png
6、点击下方“add action”分别添加其他需要控制的单选框
截屏2023-03-09 10.31.51.png
截屏2023-03-09 10.54.02.png
7、按照相同的方式,分别设置其他按钮
8、Done!!

在使用的时候,可以按照自己的需求增加或者删除单选框

相关文章

网友评论

      本文标题:保姆级教程-如何自制单选框

      本文链接:https://www.haomeiwen.com/subject/mitoldtx.html