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

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

时间:2024-10-17 04:49:46

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

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

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

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

3、第三步,在按年单选按钮右侧添加一个文本输入框,用于显示日期,如下图所示:

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

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

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

5、第五步,设置完用例后,三个单选按钮右上方出现数字,如下图所示:

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

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

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