Axure抽屜效果菜單效果該怎么制作?

做網(wǎng)頁端菜單的抽屜效果很常見,若做原型的時候能快速簡單的做出來,可以節(jié)省你的寶貴時間,也更能展示你的作品。
1、先建四個動態(tài)面板,同時選中這四個面板,在選擇組里命名“菜單”;并勾選調(diào)整大小以適合內(nèi)容。
2、雙擊“菜單-1”動態(tài)命板,彈出動態(tài)命板管理框,點擊新增“收縮”“展開”選項
3、點擊收縮,新建菜單欄內(nèi)容,名稱、下拉箭頭、底色框;同樣,點擊展開,新建展開后的菜單欄內(nèi)容,名稱、下拉箭頭、底色框、子級菜單;
4、當(dāng)從初始收縮狀態(tài)點擊成展開狀態(tài)時,設(shè)置鼠標(biāo)點擊用例,面板狀態(tài)選擇到“展開”,并勾選推拉部件,方向選擇下方。
5、當(dāng)從展開收縮狀態(tài)點擊成收縮狀態(tài)時,設(shè)置鼠標(biāo)點擊用例,面板狀態(tài)選擇到“收縮”,并勾選推拉部件,方向選擇下方。
6、動態(tài)面板設(shè)置方法同上,即可快速制作出你想要的菜單抽屜效果哦。
注意事項:Axure這里只講了下拉的效果,沒有選中效果哦。
相關(guān)推薦:
Axure8怎么使用動態(tài)面板?Axure8的使用教程
相關(guān)文章
- Axure中怎么制作動態(tài)倒計時的原型?經(jīng)常我們在做程序之前,都會將前臺的原型制作出來,大概的功能也會制作出來,今天我們就來看看Axure中制作倒計時功能的教程,需要的朋友2016-04-18
- Axure怎么實現(xiàn)電話號碼的驗證的原型?很多網(wǎng)站都會用電話號碼來什么賬號,但是怎么才能判斷別人輸入的電話號碼正不正確呢?下面我們來看看Axure電話號碼的驗證的教程,需要2016-03-30
- Axure RP Pro 7.0怎么制作圖片輪播按鈕效果?經(jīng)??吹骄W(wǎng)頁上有輪播圖在首頁,我們該怎么做呢?下面我們來看看Axure輪播圖按鈕的原型圖的制作方法,需要的朋友可以參考下2016-03-27
- Axure繪制好的原型怎么發(fā)布和預(yù)覽?經(jīng)常使用Axure繪制網(wǎng)頁原型,但是繪制好以后需要發(fā)布出來才能看到實際效果,Axure原型怎么發(fā)布和預(yù)覽呢?請看下文詳細(xì)教程2016-03-23
- axure怎么上傳自己下載好的元件庫/控件庫?axure中自帶的控件庫樣式少,想自己添加一些,于是從上下載了一些元件庫,但是下載好以后不知道怎么添加到axure中,怎么辦n呢?2016-03-23
Axure8怎么實現(xiàn)簡易的百分比進(jìn)度條?
Axure8怎么實現(xiàn)簡易的百分比進(jìn)度條?經(jīng)??吹郊虞d數(shù)據(jù)的時候會出現(xiàn)進(jìn)度條,今天我們就來教大家Axure8中繪制進(jìn)度條的教程,很簡單,需要的朋友可以參考下2016-03-23Axure8怎么使用動態(tài)面板?Axure8的使用教程
Axure8怎么使用動態(tài)面板?經(jīng)常使用Axure繪制原型,Axure動態(tài)面板是最常使用的,今天我們就來詳細(xì)介紹一下Axure8的使用教程,很詳細(xì),需要的朋友可以參考下2016-03-22- axure怎么繪制APP菜單阻尼滑動的原型圖?想要制作手機(jī)app,可以再axure中先將自己的構(gòu)思畫出來,今天我們就來看看axure中繪制APP菜單阻尼滑動的原型圖的方法,需要的朋友可2016-03-18
windows系統(tǒng)下axure 7.0 無法在發(fā)布中預(yù)覽的解決辦法
axure 7.0 無法在發(fā)布中預(yù)覽該怎么辦?我們在使用axure7.0繪制原型的時候,想預(yù)覽一下功能能不能實現(xiàn),但是在預(yù)覽的時候發(fā)現(xiàn)不能預(yù)覽,該怎么辦呢?請看下文詳細(xì)介紹2016-02-29axure怎么做滑動效果? axure做手機(jī)觸摸屏幕滑動效果的方法
axure怎么做滑動效果?在axure中畫原型圖的時候,想在原型圖中加上效果,制作手機(jī)滑動屏幕的滑動效果該怎么做呢?下面分享axure做手機(jī)觸摸屏幕滑動效果的方法,需要的朋友2016-02-19