Axure7.0怎么制作折疊菜單原型?
我要評論設(shè)計產(chǎn)品原型時，利用Axure7.0工具制作折疊菜單效果。
1、拖曳三個動態(tài)模板到空白頁上，分別命名為“tem1”，“tem2”，“tem3”
2、配置每個模板的屬性，在“部件屬性和樣式”中勾選“調(diào)整大小以適應(yīng)內(nèi)容”，此選項很重要，不然會造成重疊的效果
3、每個動態(tài)模板添加兩個狀態(tài)“state1”和“state2”，其中“state1”狀態(tài)為隱藏狀態(tài)，“state2”狀態(tài)為顯示狀態(tài)。以tem1模板為例進(jìn)行說明。
4、對tem1按鈕下的三個要進(jìn)行折疊的按鈕設(shè)置為“隱藏”狀態(tài)，如圖所示：
5、對tem1按鈕添加鼠標(biāo)點擊效果用例。其中需要注意的時，state1狀態(tài)和state2狀態(tài)的轉(zhuǎn)換效果。如果設(shè)置從隱藏狀態(tài)state1到state2效果時，三個模板狀態(tài)的勾選。模板如果要選擇的狀態(tài)為顯示狀態(tài)，則同時勾選“顯示面板（如果隱藏）”和“展開/收起部件”，模板如果要選擇的狀態(tài)為隱藏狀態(tài)，則只需勾選“展開/收起部件”。對于該頁面內(nèi)出現(xiàn)的面板都要進(jìn)行狀態(tài)設(shè)置
6、將三個動態(tài)模板折疊起來
7、發(fā)布預(yù)覽效果即可
注意事項：
每個動態(tài)模板都要進(jìn)行勾選“調(diào)整大小以適應(yīng)內(nèi)容”，否則有可能出現(xiàn)動態(tài)模板重疊的現(xiàn)象。
相關(guān)軟件：
Axure RP Pro 7.0怎么制作Tab標(biāo)簽效果?
相關(guān)文章
- axure怎么制作彈出框效果？想要給網(wǎng)頁實現(xiàn)一個彈出框的效果，該怎么設(shè)計這個原型呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2016-10-26
- axure RP7.0怎么制作60秒倒計時效果？我們經(jīng)常使用axure設(shè)計網(wǎng)頁原型，該怎么使用axure制作網(wǎng)頁倒計時60秒的效果呢？請看下文詳細(xì)介紹，需要的朋友可以參考下2016-10-26
Axure設(shè)計圖片輪番播放效果的網(wǎng)頁原型的教程
想設(shè)計一個網(wǎng)頁原型，該怎么設(shè)計呢？下面我們就來看看使用Axure設(shè)計圖片輪番播放效果的網(wǎng)頁原型的教程，很簡單，需要的朋友可以參考下2016-10-23- axure怎么繪制流程圖中的箭頭？axure繪制流程圖需要使用箭頭連接，該怎么繪制箭頭呢？下面我們就來看看使用axure給流程圖添加箭頭的教程，需要的朋友可以參考下2016-09-30
axure動態(tài)面板怎么用? Axure動態(tài)面板制作頁面彈出層的教程
axure動態(tài)面板怎么用？像制作一個彈出的網(wǎng)頁，這時候我們就可以使用axure來設(shè)計，下面我們就來看看Axure動態(tài)面板制作頁面彈出層的教程，需要的朋友可以參考下2016-09-23axure rp 8.0怎么制作幻燈片效果的網(wǎng)頁原型?
axure rp 8.0怎么制作幻燈片效果的網(wǎng)頁原型？很多網(wǎng)站上都可以看到圖片類似幻燈片一樣播放，該怎么制作這個效果呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2016-09-12Axure設(shè)計的原型怎么一鍵生成網(wǎng)站結(jié)構(gòu)圖?
Axure設(shè)計的原型怎么一鍵生成網(wǎng)站結(jié)構(gòu)圖？Axure中設(shè)計好的網(wǎng)站原型怎么生成網(wǎng)站結(jié)構(gòu)圖呢？下面我們就來看看Axure生成網(wǎng)站結(jié)構(gòu)物的教程，需要的朋友可以參考下2016-09-01- Axure下載的外部部件怎么導(dǎo)入？Axure中繪制網(wǎng)頁原型的時候，為了讓網(wǎng)頁效果更好，該怎么導(dǎo)入已經(jīng)下載好的部件呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2016-08-30
- Axure RP 8怎么創(chuàng)建母板？Axure RP 8中像制作一個常用的模版，該怎么制作呢？下面我們就來看看Axure創(chuàng)建母板的詳細(xì)教程，很簡單，需要的朋友可以參考下2016-08-19
- Axure RP 8怎么制作一幅一年四季變化圖？Axure經(jīng)常制作網(wǎng)頁原型，該怎么制作一幅司機(jī)風(fēng)景圖呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2016-08-18