Axure 8設計三級折疊菜單詳細步驟講解

今日為你們帶來的教程是關于Axure 8軟件的,你們知道Axure 8是怎么設計三級折疊菜單的嗎?下文就為帶來了Axure 8設計三級折疊菜單的詳細步驟講解 。

Axure 8設計三級折疊菜單詳細步驟講解

【Axure 8設計三級折疊菜單詳細步驟講解】首先打開Axure 8軟件,整個菜單為一個元素組合 。定義每個一級菜單為一個組合 。這樣設置元素移動時,可以選擇一個組合,組合內所有元素都一起移動 。
Axure 8設計三級折疊菜單詳細步驟講解

然后制作菜單過程中,所有的動態面板設置成“自動調整為內容尺寸” 。
Axure 8設計三級折疊菜單詳細步驟講解

接著第一級菜單的折疊,取決于第二層菜單所在動態面板的顯示和隱藏 。當二級菜單的動態面板顯示時 , 設置當前菜單下面的所有菜單進行移動,移動幅度取決于二級菜單的高度 。當二級菜單的動態面板隱藏時,設置當前菜單下面所有菜單進行反向移動,移動幅度取決于二級菜單的高度 。并且同時隱藏所有的三級菜單的動態面板 。
Axure 8設計三級折疊菜單詳細步驟講解

再二級菜單和三級菜單的聯動,只需要設置點擊二級菜單的顯示/隱藏三級菜單動態面板的動作即可 。
Axure 8設計三級折疊菜單詳細步驟講解

最后三級菜單的顯示和隱藏依然需要聯動一級菜單的位置 。(這時,如果把一級菜單都做成組合,就不必管各菜單的下級菜單是否有變化(因為都在一個組合內),設定組合位移就可以了 。位移取決于三級菜單的高度) 。
根據上文講解的Axure 8設計三級折疊菜單的詳細步驟講解,你們是不是都學會了呀!

相關經驗推薦