axure菜單怎么設(shè)置一對多聯(lián)動效果?

Axure rp中制作省份菜單的時候,想要實現(xiàn)省市縣三級聯(lián)動效果,該怎么制作呢?下面我們就來看看詳細(xì)的教程。

Axure RP v8.1.0.3382 Enterprise 中文特別版(附注冊機+漢化包+安裝教程)
- 類型:輔助設(shè)計
- 大?。?/span>83.2MB
- 語言:簡體中文
- 時間:2019-04-26
1、在畫布中拖一個下拉列表框,命名為省份,單擊新增多個,輸入河北、山東、黑龍江等省份名稱。
2、再拖一個下拉列表框,命名為市區(qū)。鼠標(biāo)選擇該元件,右鍵|轉(zhuǎn)換為動態(tài)面板
3、動態(tài)面板名稱為市區(qū),三個狀態(tài)分別為河北市區(qū)、山東市區(qū)、黑龍江市區(qū)
4、進(jìn)入河北市區(qū)狀態(tài),雙擊該下拉列表框元件,單擊新增多個,石家莊、唐山、保定等。
5、進(jìn)入山東市區(qū)狀態(tài),雙擊該下拉列表框元件,單擊新增多個,青島、濟南、威海、煙臺等。進(jìn)入黑龍江市區(qū)狀態(tài),雙擊該下拉列表框元件,單擊新增多個,大慶、牡丹江、哈爾濱等。
6、選中省份下拉列表框,給它添加選項改變時觸發(fā)事件。
7、單擊添加條件,讓選中項值等于黑龍江,在添加動作下面單擊 設(shè)置面板狀態(tài),在配置動作下面勾選 Set市區(qū) 動態(tài)面板,選擇黑龍江市區(qū)這個狀態(tài)
8、用同樣的方式設(shè)置河北省和山東省。
9、按F5預(yù)覽效果,選擇山東省,則出現(xiàn)山東省的市區(qū);選擇河北省,則出現(xiàn)河北省的市區(qū)。
以上就是axure一對多聯(lián)動效果的實現(xiàn)方法,希望大家喜歡,請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
Axure RP 8設(shè)計網(wǎng)頁原型怎么添加水平菜單?
相關(guān)文章
- 大家在用Axure RP繪制原型圖時要養(yǎng)成一個習(xí)慣,記得用輔助線來排版頁面,頁面就會更美觀、更整齊。如果你是第一次接觸Axure RP軟件,對輔助線這個概念可能有些陌生,沒關(guān)系2019-04-26
- 使用Axure RP繪制原型圖,你可以在畫完之后先進(jìn)行預(yù)覽,查看不足之處,但有時候會出現(xiàn)無法預(yù)覽的情況,這是為什么呢?怎么解決?如果Axure無法正常預(yù)覽頁面,可以參考以下2019-04-25
Axure RP的全局輔助線和頁面輔助線有什么區(qū)別?
利用Axure RP設(shè)計繪制原型圖時需要用到輔助線,目的很明確,就是合理劃分頁面結(jié)構(gòu)、讓排版更好看。Axure RP軟件中有兩種輔助線,即全局輔助線、頁面輔助線,本文詳細(xì)介紹了2019-04-12- 正常情況下,利用Axure RP制作的原型圖文件無法使用其他軟件打開,為了方便,你可以將原型圖轉(zhuǎn)換成圖片格式。下文介紹了將Axure原型圖導(dǎo)出為圖片格式的方法,請參考2019-04-11
- Axure RP是一款非常專業(yè)的原型設(shè)計工具,通用性極強,可以用來快速繪制流程圖、線框圖。我們在繪制原型圖時為了確保元件之間互相對齊,需要借助輔助線來幫忙,下文詳細(xì)介紹2019-04-11
Axure怎么修改默認(rèn)的單選復(fù)選框按鈕樣式?
Axure怎么修改默認(rèn)的單選復(fù)選框按鈕樣式?Axure制作網(wǎng)頁原型的時候,添加的單選框和復(fù)選框都是默認(rèn)樣式,想要修改單選框和復(fù)選框的樣式,該怎么實現(xiàn)呢?下面我們就來看看詳2019-03-29Axure怎么設(shè)計APP開關(guān)按鈕狀態(tài)切換的原型?
Axure怎么設(shè)計APP開關(guān)狀態(tài)切換的原型?使用手機的時候,我們開啟或關(guān)閉app的功能的時候,會出現(xiàn)一個滑動按鈕,該怎么制作這個原型呢?下面我們就來看看詳細(xì)的教程,需要的2019-03-21axure怎么制作進(jìn)度條的效果? axure進(jìn)度條的制作方法
axure怎么制作進(jìn)度條的效果?axure中想要制作進(jìn)度條效果,該怎么制作進(jìn)度條呢?下面我們就來看看axure進(jìn)度條的制作方法,需要的朋友可以參考下2019-03-19- Axure怎么制作簡易的賬戶密碼的登錄頁面?Axure中想要設(shè)計一個登錄頁面,該怎么制作有賬戶和密碼的燈籠頁面呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2019-03-13
- Axure怎么制作一個水平拖動的效果?Axure制作網(wǎng)頁原型很簡單,想要制作一個水平拖動的效果,該怎么制作呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2019-03-13