Axure RP基礎(chǔ)篇:輸入框根據(jù)下拉框選擇顯示不同的文字

游某
2 評(píng)論 41743 瀏覽 50 收藏 4 分鐘

說實(shí)話,這個(gè)案例我是在UCD大社區(qū)看到的,不過都是英文,愣是硬著頭皮學(xué)習(xí)的,幸好英文底子+google。

1、案例效果圖
?這個(gè)例子的效果是,用戶切換左邊的下拉框選項(xiàng),右邊的提示文字會(huì)隨之變化。當(dāng)選中的是圖書時(shí),文本框中的文字是“請(qǐng)輸入圖書名稱或作者”;當(dāng)選中音樂時(shí),文本框中的文字是“請(qǐng)輸入音樂名稱或歌手”:

1)首先在頁面上添加以下的組件,并給下拉框添加兩個(gè)選項(xiàng)“圖書”和“音樂”:

 

2)將下拉框拉到編輯區(qū),雙擊出現(xiàn)編輯下拉框,點(diǎn)擊“+”輸入圖書和音樂,點(diǎn)擊確定;然后添加文本框,在文本框中輸入“請(qǐng)輸入圖書名稱或作者”;添加按鈕,輸入“搜索”

3)給各個(gè)部件取名,給下拉框取名為“droplist”,給文本框取名“textbook”,在部件屬性中輸入標(biāo)簽名即可

 

4)給下拉框添加用例,選中下拉框–點(diǎn)擊右側(cè)“Onchange選項(xiàng)改變時(shí)”–右擊出現(xiàn)框選中“添加用例”–點(diǎn)擊“添加條件”–滿足“全部”,“選中項(xiàng)于”droplist等于值圖書–確定

5)點(diǎn)擊“設(shè)置變量/部件值”–點(diǎn)擊“設(shè)置變量和部件的值等于”–點(diǎn)擊“打開設(shè)置編輯器”–“文字在部件”textbox等于值–選中函數(shù)按鈕–輸入“請(qǐng)輸入圖書名稱或作者”–點(diǎn)擊確定

6)查看添加了一個(gè)用例后的用例情況

7)同樣的方法添加用例–點(diǎn)擊“設(shè)置變量和部件的值等于”–點(diǎn)擊“打開設(shè)置編輯器”–“文字在部件”textbox等于值–選中函數(shù)按鈕–輸入“請(qǐng)輸入音樂名稱或歌手”–點(diǎn)擊確定

8)兩個(gè)用例添加情況如下圖

 

轉(zhuǎn)自:http://blog.sina.com.cn/s/blog_8f5a03b10101e1rh.html

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 那如果是有許多l(xiāng)ist呢?還一個(gè)個(gè)設(shè)置嗎?

    來自湖北 回復(fù)
  2. 再設(shè)置一下文本框文字顏色為灰色就更保真了~

    來自上海 回復(fù)
专题
15492人已学习12篇文章
虽然大厂们纷纷奔赴Web3.0,但是不少人还是对这个概念及相应生态一知半解。本专题的文章分享了对于web3的看法。
专题
15183人已学习13篇文章
作为一种软件开发工具,低代码平台一定程度上提升了企业的软件开发效率,适应了整体的数字化发展趋势。本专题的文章分享了关于低代码的讲解。
专题
14488人已学习12篇文章
在职场中,跨部门沟通是一个非常重要的软技能,不管是要完成日常项目,还是接手新的业务,都需要有良好的跨部门沟通能力。本专题的文章分享了如何做好跨部门沟通。
专题
37678人已学习20篇文章
“搜索功能”拆解:小功能,大细节。
专题
12893人已学习12篇文章
“私域流量”概念火爆的背后,既有企业焦虑,也有赛道风口。而巧的是,在线教育同样面临增长获客难的问题。本专题的文章分享了在线教育行业如何做私域运营。
专题
12821人已学习12篇文章
发觉用户本能的最好方式就是从用户的心理出发,利用人的本能做产品设计,用最“自然”的方式影响用户的行为。本专题的文章分享了产品心理学。