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