相关推荐
您可能对下面课程感兴趣
Axure8.0视频教程

74小节已有17918人学过

UI交互app及axure设计教程

84小节已有77702人学过

输入框根据下拉框选择显示不同的文字
发布时间:2022-03-22 08:38 [ 我要自学网原创 ] 发布人: 小刘2175 阅读: 3091

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:下拉框的条件
UI交互app及axure设计教程
我要自学网商城 ¥50 元
进入购买
文章评论
0 条评论 按热度排序 按时间排序 /350
遵守中华人民共和国的各项道德法规,
承担因您的行为而导致的法律责任,
本站有权保留或删除有争议评论。
参与本评论即表明您已经阅读并接受
上述条款。
V
特惠充值
联系客服
APP下载
官方微信
返回顶部
相关推荐
您可能对下面课程感兴趣
Axure8.0视频教程

74小节已有17918人学过

UI交互app及axure设计教程

84小节已有77702人学过

分类选择:
电脑办公 平面设计 室内设计 室外设计 机械设计 工业自动化 影视动画 程序开发 网页设计 会计课程 兴趣成长 AIGC