今日為你們帶來的教程是關(guān)于Axure 8軟件的，你們知道Axure 8是怎么設(shè)計三級折疊菜單的嗎?下文就為帶來了Axure 8設(shè)計三級折疊菜單的詳細步驟講解 。
【Axure 8設(shè)計三級折疊菜單詳細步驟講解】
首先打開Axure 8軟件，整個菜單為一個元素組合 。定義每個一級菜單為一個組合 。這樣設(shè)置元素移動時，可以選擇一個組合，組合內(nèi)所有元素都一起移動 。
然后制作菜單過程中，所有的動態(tài)面板設(shè)置成“自動調(diào)整為內(nèi)容尺寸” 。
接著第一級菜單的折疊，取決于第二層菜單所在動態(tài)面板的顯示和隱藏 。當二級菜單的動態(tài)面板顯示時，設(shè)置當前菜單下面的所有菜單進行移動，移動幅度取決于二級菜單的高度 。當二級菜單的動態(tài)面板隱藏時，設(shè)置當前菜單下面所有菜單進行反向移動，移動幅度取決于二級菜單的高度 。并且同時隱藏所有的三級菜單的動態(tài)面板 。
再二級菜單和三級菜單的聯(lián)動，只需要設(shè)置點擊二級菜單的顯示/隱藏三級菜單動態(tài)面板的動作即可 。
最后三級菜單的顯示和隱藏依然需要聯(lián)動一級菜單的位置 。(這時，如果把一級菜單都做成組合，就不必管各菜單的下級菜單是否有變化(因為都在一個組合內(nèi))，設(shè)定組合位移就可以了 。位移取決于三級菜單的高度) 。
根據(jù)上文講解的Axure 8設(shè)計三級折疊菜單的詳細步驟講解，你們是不是都學會了呀!
推薦閱讀
- ai設(shè)計望遠鏡圖案操作過程
- Fireworks設(shè)計長投屏文字效果的操作流程
- Fireworks設(shè)計圓角三角形的方法
- 與東方兄一起確認2300的設(shè)計問題
- 一級二級三級預警的區(qū)別
- 從K500系列看索愛設(shè)計風格的轉(zhuǎn)變
- Axure調(diào)整段落間距具體操作步驟
- Axure RP 8設(shè)置顯示網(wǎng)格詳細步驟介紹
- axure制作彈出框效果詳細步驟介紹
- axure中使用裁剪工具具體操作步驟