如何利用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按钮单击事件控制单选钮禁用
  • Axure 中单选框的使用方法
  • 如何利用Axure RP 8设置单选按钮组并设置选中
  • AxureRP如何设置页面背景
  • Axure如何制作带提示信息的输入框
  • 图解Axure RP中导航菜单制作
  • 热门搜索
    泰山旅游路线 西安旅游景点门票 恩施旅游地图 内蒙古旅游路线 塔城旅游 旅游必带物品 东钱湖旅游学校 辽宁旅游网 广州旅游景点一日游 大连旅游路线