手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何利用Axure RP 8按钮单击事件控制单选钮禁用

时间:2024-10-12 07:49:13

1、第一步,双击打开Axure RP 8,在元件库中找到单选按钮,拖四个到画布中,从左到右依次排放,如下图所示:

如何利用Axure RP 8按钮单击事件控制单选钮禁用

2、第二步,修改四个单选按钮内容,设置为血型A型、B型、AB型和O型,如下图所示:

如何利用Axure RP 8按钮单击事件控制单选钮禁用

3、第三步,在四个单选按钮下方添加一个按钮,按钮显示的内容为“禁用”,宽度跟四个单选按钮总宽度一致,如下图所示:

如何利用Axure RP 8按钮单击事件控制单选钮禁用

4、第四步,四个单选按钮默认选中第一项,这样就可以有默认选项,如下图所示:

如何利用Axure RP 8按钮单击事件控制单选钮禁用

5、第五步,选中“禁用”按钮,设置四个单选按钮禁用和启用的关系,选中的单选按钮启用,其他的都禁用,如下图所示:

如何利用Axure RP 8按钮单击事件控制单选钮禁用

6、第六步,设置完毕后,查看按钮添加用例情况,会显示一个序号,如下图所示:

如何利用Axure RP 8按钮单击事件控制单选钮禁用

7、第七步,预览该原型界面,点击按钮,第一个单选按钮选中,其他的单选按钮是禁用的,如下图所示:

如何利用Axure RP 8按钮单击事件控制单选钮禁用
© 手抄报圈