如何利用Axure RP 8设计多个单选按钮控制文本框

2024-10-17 04:49:46

1、第一步,打开Axure RP 8设计工具后,在元件库中找到单选按钮,拖出三个到“index”页面,并修改label为按日、按月和按年,设置分组名称为date,如下图所示:

如何利用Axure RP 8设计多个单选按钮控制文本框

2、第二步,一般情况下,文本框默认有值,这里需要将单选按钮默认一个,默认按日查询,如下图所示:

如何利用Axure RP 8设计多个单选按钮控制文本框

4、第四步,分别选中按日、按月和按年单选按钮,设置它们的用例,输入框显示的文本内容,如下图所示:

如何利用Axure RP 8设计多个单选按钮控制文本框如何利用Axure RP 8设计多个单选按钮控制文本框

6、第六步,预览该原型界面,选中按日单选按钮,文本框显示为“2016-12-08”;选择按月,文本框显示为“2016-12”;选择按年,文本框显示为“2016”,如下图所示:

如何利用Axure RP 8设计多个单选按钮控制文本框如何利用Axure RP 8设计多个单选按钮控制文本框
猜你喜欢