Axure9怎么設(shè)計(jì)省市關(guān)聯(lián)的下拉列表交互事件?
我要評(píng)論在Axure關(guān)于下拉列表的設(shè)計(jì)中，會(huì)遇到需要聯(lián)動(dòng)的效果，以省市為例，即選擇了下拉框的省為廣東，對(duì)應(yīng)市的下拉框也應(yīng)是該省下的對(duì)應(yīng)轄區(qū)，在填寫地址的時(shí)候經(jīng)常能遇到，該怎么制作這個(gè)效果呢？下面我們就來看看詳細(xì)的教程。
Axure RP 9 V9.0.0.3611 漢化安裝版(附漢化包)
- 類型：輔助設(shè)計(jì)
- 大?。?/span>219MB
- 語言：簡(jiǎn)體中文
- 時(shí)間：2018-10-29
1、首先拉取下拉框作為省，并為省的下拉列表填充數(shù)據(jù)
數(shù)據(jù)內(nèi)容：
廣東省-揭陽市、廣州市、深圳市
浙江省-黃州市、寧波市、溫州市
江蘇省-南京市、蘇州市、無錫市
2、接下來我們需要讓點(diǎn)擊廣東省為出現(xiàn)對(duì)應(yīng)廣東省的轄區(qū)，點(diǎn)擊江蘇省為出現(xiàn)對(duì)應(yīng)江蘇省的轄區(qū)，我們另外再拉取一個(gè)下拉框，先命名為廣東轄區(qū)，然后右鍵選擇轉(zhuǎn)換為動(dòng)態(tài)面板，動(dòng)態(tài)面板命名為轄區(qū)
3、雙擊動(dòng)態(tài)面板，為動(dòng)態(tài)面板添加對(duì)應(yīng)的省狀態(tài)，在每個(gè)狀態(tài)中都拉取一個(gè)下拉框進(jìn)行對(duì)應(yīng)命名，并填充對(duì)應(yīng)省下的市數(shù)據(jù)。
4、點(diǎn)擊省的下拉框，新建交互事件為：選項(xiàng)改變時(shí)。邏輯：當(dāng)選項(xiàng)改變時(shí)，判斷下拉框值為哪個(gè)，然后對(duì)應(yīng)改變面板狀態(tài)，如下圖
5、上述步驟完成時(shí)，點(diǎn)擊預(yù)覽，即可實(shí)現(xiàn)該效果
以上就是Axure9設(shè)計(jì)省市關(guān)聯(lián)的下拉列表交互事件的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
axure怎么給下拉框/列表框和元件文本添加內(nèi)容?
Axure RP 8怎么制作按鈕控制下拉框選項(xiàng)?
相關(guān)文章
Axure中繼器怎么制作穿梭框效果？Axure經(jīng)常制作網(wǎng)頁原型，想要制作一個(gè)穿梭框的效果，該怎么制作你額？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2019-11-30
Axure中繼器怎么對(duì)表格進(jìn)行表格增刪改?
Axure中繼器怎么對(duì)表格進(jìn)行表格增刪改？經(jīng)常使用Axure制作網(wǎng)頁原型，在對(duì)表格進(jìn)行操作的時(shí)候，使用中繼器對(duì)表格進(jìn)行增減是很方便的，下面我們就來看看市里教程，需要的朋友2019-11-23
墨刀和axure哪個(gè)好用? 墨刀與axure區(qū)別介紹
墨刀和axure哪個(gè)好用？我們?cè)僦谱骶W(wǎng)頁原型的時(shí)候，經(jīng)常使用墨刀和axure，這兩款軟件哪款比較好用？下面我們就來看看墨刀與axure區(qū)別介紹，需要的朋友可以參考下2019-11-21
Axure怎么制作加載動(dòng)畫中的圓環(huán)?
Axure怎么制作加載動(dòng)畫中的圓環(huán)？網(wǎng)頁中經(jīng)常能見到圓環(huán)效果的加載動(dòng)畫，想要使用axure繪制這個(gè)圓環(huán)，該怎么繪制呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2019-11-07
axure怎么制作多選樹效果? axure多級(jí)菜單的制作方法
axure怎么制作多選樹效果？axure制作玩野原型的時(shí)候，想要制作多選樹效果，該怎么制作多級(jí)菜單呢？下面我們就來看看axure三級(jí)菜單的制作方法，需要的朋友可以參考下2019-11-05
Axure怎么制作計(jì)算三角函數(shù)正切余切弧度的工具?
Axure怎么制作計(jì)算三角函數(shù)正切余切弧度的工具？經(jīng)常需要計(jì)算三角函數(shù)，想要制作一個(gè)計(jì)算三角函數(shù)正切與余切弧度的工具，可以使用axure實(shí)現(xiàn)，下面我們就來看看詳細(xì)的教程，2019-10-25
Axure怎么制作英文字母大小寫轉(zhuǎn)換器？經(jīng)常能遇到需要將大寫字母轉(zhuǎn)換成小寫字母的問題，這時(shí)候，我們就可以使用axure制作一個(gè)英文字母轉(zhuǎn)換器，下面我們就來看看詳細(xì)的教程，2019-10-23
Axure項(xiàng)目怎么導(dǎo)入另一個(gè)項(xiàng)目的頁面?
Axure項(xiàng)目怎么導(dǎo)入另一個(gè)項(xiàng)目的頁面？axure制作網(wǎng)站原型的時(shí)候，需要導(dǎo)入另一個(gè)項(xiàng)目的頁面，該怎么實(shí)現(xiàn)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2019-10-18
Axure怎么制作點(diǎn)擊彈框效果？Axure制作網(wǎng)頁原型的時(shí)候，需要制作彈框效果，改怎么制作點(diǎn)擊 彈框效果呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2019-10-18
axure怎么制作頁面標(biāo)簽切換的效果？很多網(wǎng)站都有動(dòng)態(tài)的標(biāo)簽切換的效果，該怎么制作這個(gè)效果呢？下面我們就來看看詳細(xì)的制作過程，需要的朋友可以參考下2019-09-26
