如何利用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设计多个单选按钮控制文本框
  • submit对象如何使用name属性?
  • 教大家使用Axure制作个性的复选框效果
  • 初识WeX5,如何进行配置和简单的说明
  • 搜索框的下拉选择功能
  • 如何利用jQuery获取数组中最大值和最小值
  • 热门搜索
    开学手抄报简单又好画 小学生新年手抄报 重阳节手抄报简单 法制安全手抄报内容 安全教育日手抄报内容 小学生中国梦手抄报 廉洁手抄报内容 数学家的故事手抄报 二年级手抄报图片 元旦手抄报的内容