輸入框根據(jù)下拉框選擇顯示不同的文字
發(fā)布時(shí)間:2022-03-22 08:38 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175 閱讀: 2279

1、案例效果圖

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

2、步驟

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

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

Axure <wbr><wbr>RP <wbr><wbr>學(xué)習(xí)2:下拉框的條件

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

Axure <wbr><wbr>RP <wbr><wbr>學(xué)習(xí)2:下拉框的條件
Axure <wbr><wbr>RP <wbr><wbr>學(xué)習(xí)2:下拉框的條件

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

Axure <wbr><wbr>RP <wbr><wbr>學(xué)習(xí)2:下拉框的條件
Axure <wbr><wbr>RP <wbr><wbr>學(xué)習(xí)2:下拉框的條件

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

Axure <wbr><wbr>RP <wbr><wbr>學(xué)習(xí)2:下拉框的條件

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

Axure <wbr><wbr>RP <wbr><wbr>學(xué)習(xí)2:下拉框的條件

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

Axure <wbr><wbr>RP <wbr><wbr>學(xué)習(xí)2:下拉框的條件

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


Axure <wbr><wbr>RP <wbr><wbr>學(xué)習(xí)2:下拉框的條件
UI交互app及axure設(shè)計(jì)教程
我要自學(xué)網(wǎng)商城 ¥50 元
進(jìn)入購買
文章評論
添加表情
遵守中華人民共和國的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動化 影視動畫 程序開發(fā) 網(wǎng)頁設(shè)計(jì) 會計(jì)課程 興趣成長 AIGC