前往顾页

Axure输入框按照下拉框挑选显现不合的笔墨教程

时候:2013-01-15 23:47来源:知行网www.zhixing123.cn 编辑:麦田守望者

 说实话,这个案例我是在UCD年夜社区看到的,不过都是英文,愣是硬着头皮学习的,幸亏英文根柢+谷歌。

1、案例结果图

这个例子的结果是,用户切换左边的下拉框选项,右边的提示笔墨会随之转变。被选中的是图书时,文本框中的笔墨是“请输入图书称呼或作者”;被选中音乐时,文本框中的笔墨是“请输入音乐称呼或歌手”:Axure教程:输入框根据下拉框选择显示不同的文字

2、步调

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

Axure教程:输入框根据下拉框选择显示不同的文字

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

Axure教程:输入框根据下拉框选择显示不同的文字

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

Axure教程:输入框根据下拉框选择显示不同的文字
Axure教程:输入框根据下拉框选择显示不同的文字

4)给下拉框增加用例,选中下拉框–点击右边“Onchange选项改变时”–右击呈现框选中“增加用例”–点击“增加前提”–满足“全数”,“选中项于”droplist即是值图书–肯定

Axure教程:输入框根据下拉框选择显示不同的文字
Axure教程:输入框根据下拉框选择显示不同的文字

5)点击“设置变量/部件值”–点击“设置变量和部件的值即是”–点击“翻开设置编辑器”–“笔墨在部件”textbox即是值–选中函数按钮–输入“请输入图书称呼或作者”–点击肯定

Axure教程:输入框根据下拉框选择显示不同的文字

6)检察增加了一个用例后的用例环境

Axure教程:输入框根据下拉框选择显示不同的文字

7)一样的体例增加用例–点击“设置变量和部件的值即是”–点击“翻开设置编辑器”–“笔墨在部件”textbox即是值–选中函数按钮–输入“请输入音乐称呼或歌手”–点击肯定

Axure教程:输入框根据下拉框选择显示不同的文字

8)两个用例增加环境以下图

Axure教程:输入框根据下拉框选择显示不同的文字

------分开线----------------------------
标签(Tag):AxureRP AxureRP教程 AxureRP软件下载 AxureRP序列号
------分开线----------------------------
保举内容
猜你感兴趣