Axure動態(tài)面板怎么制作三級菜單?

Axure中想要設(shè)計一款三級菜單,該怎么設(shè)計呢?下面我們就來看看詳細的教程。
1、我們先放入菜單的相關(guān)元件,這里我使用的是矩形。
2、我們把三級菜單的三個元件全選,在上面點擊鼠標(biāo)右鍵,選擇【轉(zhuǎn)換為動態(tài)面板】的選項。
3、把這個新出現(xiàn)的動態(tài)面板命名為“3”;并且,再次點擊鼠標(biāo)右鍵或者在快捷功能區(qū)中,把這個動態(tài)面板【設(shè)為隱藏】。
4、二級菜單元件的【鼠標(biāo)單擊時】添加用例,設(shè)置動作為【切換可見性】,勾選目標(biāo)元件“3”,并且勾選設(shè)置中的【推動/拉動元件】。
5、我們把二級菜單和三級菜單全選,同樣點擊鼠標(biāo)右鍵,選擇【轉(zhuǎn)換為動態(tài)面板】的選項。
6、然后,把這個新出現(xiàn)的動態(tài)面板命名為“4”。ps:如果是拖入的動態(tài)面板尺寸是固定的,需要在屬性中勾選【自動調(diào)整為內(nèi)容尺寸】的選項。
7、雙擊動態(tài)面板“4”,再雙擊第一個狀態(tài)“State1”,繼續(xù)為二級菜單元件的【鼠標(biāo)單擊時】添加動作。我們先添加【隱藏】外層動態(tài)面板“4”的動作,并且勾選【拉動元件】的選項。
8、繼續(xù)為二級菜單元件的【鼠標(biāo)單擊時】添加第3個動作,也就是上面提到的【顯示】外層動態(tài)面板“4”,同時,在【更多選項】中選擇【推動元件】的選項。
9、把做好的二級菜單和三級菜單一起選中,根據(jù)需求復(fù)制幾份擺放好。
ps:復(fù)制時,不要單獨復(fù)制二級菜單和三級菜單,必須二級菜單和三級菜單一起復(fù)制,這樣交互的對應(yīng)關(guān)系才會繼續(xù)有效。
10、為一級菜單添加【鼠標(biāo)單擊時】的用例,設(shè)置動作【切換可見性】,勾選動態(tài)面板“4”,同時在設(shè)置中勾選【推動/拉動元件】。添加了這個交互之后,點擊一級菜單時,就能點一下顯示二級菜單,再點一下隱藏二級菜單。
11、點擊一級菜單的時候,三級菜單默認是收起的狀態(tài)。繼續(xù)為一級菜單元件添加【鼠標(biāo)單擊時】的交互,設(shè)置動作【隱藏】所有的三級菜單所在的動態(tài)面板“3”,并且在隱藏的設(shè)置中都要勾選【拉動元件】的選項。
以上就是Axure設(shè)計三級菜單的方法,,希望大家喜歡,請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
Axure怎么給網(wǎng)頁設(shè)計左側(cè)三級導(dǎo)航菜單欄?
Axure怎么設(shè)計一個左側(cè)二級導(dǎo)航切換效果?
相關(guān)文章
Axure RP 8怎么設(shè)計圖片點贊功能的網(wǎng)頁原型?
Axure RP 8怎么設(shè)計圖片點贊功能的網(wǎng)頁原型?想要給網(wǎng)頁添加一個圖片點贊的功能,該怎么添加呢?下面我們就來看看使用Axure來完成的教程,需要的朋友可以參考下2016-12-29- Axure RP 8怎么設(shè)置一個矩形全局變量?Axure繪制頁面原型的時候,想要添加一個矩形的全局變量,該怎么設(shè)置呢?下面我們就來看看詳細的設(shè)置方法,需要的朋友可以參考下2016-12-29
- Axure圓角矩形怎么畫?Axure繪制網(wǎng)頁原型的時候,需要繪制圓角舉行,該怎么繪制這個圖形呢?下面我們就來看看axure畫圓角矩形的教程,需要的朋友可以參考下2016-12-26
Axure RP 8怎么利用占位符設(shè)計五角星形狀?
Axure RP 8怎么利用占位符設(shè)計五角星形狀?Axure中設(shè)計網(wǎng)頁原型的時候,想做一個五角星圖形,該怎么做呢?今天我們就來看看使用占位符實現(xiàn)的教程,需要的朋友可以參考下2016-12-15- axure RP 8怎么做圖片輪換的效果?axure設(shè)計網(wǎng)頁原型的時候,想要做一個圖片輪播的效果,該怎么做呢?下面我們就來看看詳細的教程。需要的朋友可以參考下2016-12-15
- axure動態(tài)面板怎么設(shè)置顯示與隱藏?axure設(shè)計網(wǎng)頁原型的時候,該怎么設(shè)置東臺面板,怎么設(shè)置顯示與隱藏呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2016-12-14
- Axure RP 8怎么設(shè)置文本段落的樣式?Axure RP 8中文本段落可以設(shè)置樣式,比如鼠標(biāo)懸停樣式,鼠標(biāo)按下樣式,選中樣式等,該怎么設(shè)置呢?下面我們就來看看詳細的教程,需要的2016-12-13
Axure RP 8設(shè)怎么用按鈕控制圖片的顯示與隱藏?
Axure RP 8設(shè)怎么用按鈕控制圖片的顯示與隱藏?Axure中想給頁面添加一個通過按鈕控制的可以顯示或者隱藏的圖片,該怎么設(shè)置呢?下面我們就來看看詳細的教程,需要的朋友可2016-12-09- Axure RP 8怎么制作一個按鈕控制圓球運動的原型?Axure經(jīng)常設(shè)計網(wǎng)頁原型,想要制作一個按鈕可以控制圓球運動的頁面,該怎么制作呢?下面我們就來看看詳細的教程,需要的朋2016-12-09
- Axure RP 8怎么設(shè)計按鈕空值頁面大???Axure RP 8怎中想制作一個按鈕,這個按鈕可以實現(xiàn)空值頁面的大小,該怎么制作呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2016-12-08