【axure教程】下拉框选择动态显示结果

转载自:老二牛车教育 » 【axure教程】下拉框选择动态显示结果

说实话,这个案例我是在UCD大社区看到的,不过都是英文,愣是硬着头皮学习的,幸好英文底子+google。

1、案例效果图

这个例子的效果是,用户切换左边的下拉框选项,右边的提示文字会随之变化。当选中的是图书时,文本框中的文字是“请输入图书名称或作者”;当选中音乐时,文本框中的文字是“请输入音乐名称或歌手”:

2、步骤

1)首先在页面上添加以下的组件,并给下拉框添加两个选项“图书”和“音乐”:

2)将下拉框拉到编辑区,双击出现编辑下拉框,点击“+”输入图书和音乐,点击确定;然后添加文本框,在文本框中输入“请输入图书名称或作者”;添加按钮,输入“搜索”

Axure <wbr><wbr>RP <wbr><wbr>学习2:下拉框的条件

3)给各个部件取名,给下拉框取名为“droplist”,给文本框取名“textbook”,在部件属性中输入标签名即可

Axure <wbr><wbr>RP <wbr><wbr>学习2:下拉框的条件
Axure <wbr><wbr>RP <wbr><wbr>学习2:下拉框的条件

4)给下拉框添加用例,选中下拉框–点击右侧“Onchange选项改变时”–右击出现框选中“添加用例”–点击“添加条件”–满足“全部”,“选中项于”droplist等于值图书–确定

Axure <wbr><wbr>RP <wbr><wbr>学习2:下拉框的条件
Axure <wbr><wbr>RP <wbr><wbr>学习2:下拉框的条件

5)点击“设置变量/部件值”–点击“设置变量和部件的值等于”–点击“打开设置编辑器”–“文字在部件”textbox等于值–选中函数按钮–输入“请输入图书名称或作者”–点击确定

Axure <wbr><wbr>RP <wbr><wbr>学习2:下拉框的条件

6)查看添加了一个用例后的用例情况

Axure <wbr><wbr>RP <wbr><wbr>学习2:下拉框的条件

7)同样的方法添加用例–点击“设置变量和部件的值等于”–点击“打开设置编辑器”–“文字在部件”textbox等于值–选中函数按钮–输入“请输入音乐名称或歌手”–点击确定

Axure <wbr><wbr>RP <wbr><wbr>学习2:下拉框的条件

8)两个用例添加情况如下图

Axure <wbr><wbr>RP <wbr><wbr>学习2:下拉框的条件

 

转载请注明:老二牛车教育 » 【axure教程】下拉框选择动态显示结果


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值