Axure制作:下拉框應(yīng)用案例-選擇“數(shù)字”范圍
1. 新建所需元素首先,我們需要新建兩個(gè)標(biāo)簽、三個(gè)文本框和三個(gè)下拉列表框。其中,兩個(gè)標(biāo)簽的內(nèi)容設(shè)置為“數(shù)字”,而三個(gè)文本框的類型則設(shè)為“Number”。這三個(gè)文本框可以預(yù)設(shè)默認(rèn)的數(shù)字(隨意)。接下來,
1. 新建所需元素
首先,我們需要新建兩個(gè)標(biāo)簽、三個(gè)文本框和三個(gè)下拉列表框。其中,兩個(gè)標(biāo)簽的內(nèi)容設(shè)置為“數(shù)字”,而三個(gè)文本框的類型則設(shè)為“Number”。這三個(gè)文本框可以預(yù)設(shè)默認(rèn)的數(shù)字(隨意)。接下來,我們需要設(shè)置好下拉列表框的內(nèi)容。
2. 創(chuàng)建數(shù)字區(qū)間組合
在設(shè)置完所有的元素后,我們將組合“兩個(gè)文本框”、“兩個(gè)下拉列表框”和“標(biāo)簽:數(shù)字”并命名為“數(shù)字區(qū)間”。該組合如下圖所示。
3. 配置布局和隱藏屬性
接下來,我們需要按照以下布局進(jìn)行設(shè)置,并將“數(shù)字區(qū)間”設(shè)為隱藏狀態(tài)。
4. 配置下拉列表框的交互動(dòng)作
我們需要配置“下拉列表框”的“選項(xiàng)改變時(shí)”的交互動(dòng)作。具體步驟如下:
- 條件1:當(dāng)“被選項(xiàng)”等于“介于(兩個(gè)數(shù)字之間)”時(shí)
- 動(dòng)作1:顯示“數(shù)字區(qū)間”組合,并隱藏文本框
- 條件2:其他任何情況
- 動(dòng)作2:隱藏“數(shù)字區(qū)間”組合,并顯示文本框
5. 設(shè)置完成,效果展示
經(jīng)過以上設(shè)置,我們的下拉框應(yīng)用案例就完成了。整體效果如下圖所示:
如果你覺得這個(gè)案例對(duì)你有幫助,請(qǐng)投個(gè)票并給予贊哦~