Axure RP基础篇:输入框根据下拉框选择显示不同的文字

游某
2 评论 41814 浏览 50 收藏 4 分钟
🔗 B端产品经理需要进行售前演示、方案定制、合同签订等,而C端产品经理需要进行活动策划、内容运营、用户激励等

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

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

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

 

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

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

 

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

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

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

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

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

 

转自:http://blog.sina.com.cn/s/blog_8f5a03b10101e1rh.html

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 那如果是有许多list呢?还一个个设置吗?

    来自湖北 回复
  2. 再设置一下文本框文字颜色为灰色就更保真了~

    来自上海 回复
专题
45588人已学习12篇文章
产品经理和运营都要懂一点的推荐算法基础和进阶知识
专题
17600人已学习13篇文章
出于文本易读性方面的考虑许多app都做了深色模式,本专题的文章分享了深色模式的设计指南。
专题
36857人已学习15篇文章
击溃顾客最后的心理防线,让他们心甘情愿按下购买按钮。
专题
19444人已学习15篇文章
评论区应该如何设计?本专题的文章提供了评论区设计思路。
专题
17836人已学习14篇文章
MVP是指开发团队通过提供最小化可行产品获取用户反馈,并在这个最小化可行产品上持续快速迭代,直到产品到达一个相对稳定的阶段。本专题的文章分享了如何做MVP产品。
专题
13161人已学习19篇文章
如今随着互联网的发展,数字化给我们带来了更多的机会,在大数据时代,数据规模也在不断的膨胀,所以各种企业需要大数据治理。本专题的文章分享了数据治理相关的知识。