多语言展示
当前在线:145今日阅读:167今日分享:16

如何利用Axure RP 8设计软件按钮控制单选按钮

Axure RP 8设计软件中利用按钮控制单选按钮选中,有这样一个场景:有七个单选按钮,分别为一周;同样有七个按钮,按钮的描述为一周,单击按钮选中对应的星期,即是单选按钮对应按钮,按钮对应单选按钮。下面利用实例实现这个场景,操作如下:
工具/原料
1

Axure RP 8

2

截图工具

3

浏览器

4

图片工具

方法/步骤
1

第一步,打开Axure RP 8设计软件,在元件库中拖七个单选按钮到画布上,从左到右依次排列,如下图所示:

2

第二步,修改单选按钮的描述,分别为星期一到星期日,以一周作为实例,如下图所示:

3

第三步,在元件库中找到按钮元件,拖七个按钮到画布上,并修改描述为星期一到星期日,分别对应上面的单选按钮,如下图所示:

4

第四步,分别给单选按钮和按钮元件设置其对应的名称,一一对应,如下图所示:

5

第五步,分别选中按钮,添加鼠标单击时用例,添加动作“元件设置选中”,对应的元件也会被选中,如下图所示:

6

第六步,设置完毕后,分别点击按钮,查看单选按钮选中的效果,如下图所示:

注意事项
1

注意元件设置选中和未被选中事件

2

注意利用按钮控制单选按钮选中事件

推荐信息