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

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