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:下拉框的條件

原文地址:http://blog.sina.com.cn/s/blog_8f5a03b10101e1rh.html

給TA買糖
共{{data.count}}人
人已贊賞
高級教程

你所不知道的15個Axure使用技巧

2012-11-29 11:55:20

高級教程

如何在團隊中使用AxureRP做原型設計

2013-1-18 10:50:25

axure商城
0 條回復 A文章作者 M管理員
    暫無討論,說說你的看法吧
?
個人中心
購物車
優惠劵
今日簽到
有新私信 私信列表
搜索
俄罗斯videoxxxoo