Axure RP基礎篇:輸入框根據下拉框選擇顯示不同的文字

2 評論 41351 瀏覽 49 收藏 4 分鐘

說實話,這個案例我是在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. 再設置一下文本框文字顏色為灰色就更保真了~

    來自上海 回復