axure抽屜菜單效果怎么制作?
我要評(píng)論在網(wǎng)頁中我們經(jīng)常會(huì)看到一些推拉抽屜菜單，該怎么制作這個(gè)效果呢？我們可以先使用axure來制作，下面我們就來看看詳細(xì)的教程。
原型設(shè)計(jì)工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊(cè)碼+安裝教程)
- 類型：輔助設(shè)計(jì)
- 大?。?/span>90.5MB
- 語言：簡體中文
- 時(shí)間：2018-05-24
1、首先打開軟件，在元件庫中選擇“矩形”元件，并把元件拖入到畫布中（如圖）。
2、復(fù)制矩形，您可以根據(jù)您菜單數(shù)量選擇復(fù)制下拉菜單的數(shù)量，復(fù)制好后，選中復(fù)制的矩形并對(duì)其編組（如圖）。
3、對(duì)下拉項(xiàng)目編組后，繼續(xù)鼠標(biāo)右鍵在下拉框中選擇“設(shè)為隱藏”。（如圖）。
4、設(shè)為隱藏后，我們?cè)谟疑辖墙o隱藏元件取名叫“下拉項(xiàng)”。取名的目的是為了方便查找（如圖）。
5、選中第一步繪制的矩形，在右上角找到屬性欄，點(diǎn)擊“鼠標(biāo)單擊時(shí)”（如圖）。
6、在彈出的對(duì)話框中點(diǎn)擊“顯示隱藏“，然后在配置動(dòng)作中，選中我們剛才命名的“下拉項(xiàng)”元件。接著在可見性這一欄：選擇“切換”。顯現(xiàn)動(dòng)畫這一欄選擇：“向下翻轉(zhuǎn)”。隱藏動(dòng)畫這一欄“向上翻轉(zhuǎn)”。最后勾選“推動(dòng)/拉動(dòng)元件”，并在方向這一欄：勾選“下方”。動(dòng)畫選擇這一欄選擇“線性”點(diǎn)擊“確定”制作完成（如圖）。
7、保存文件，在瀏覽器中預(yù)覽，查看實(shí)現(xiàn)效果。
總結(jié)：
1、設(shè)置點(diǎn)擊啊按鈕
2、設(shè)置下拉元素
3、把下拉元素設(shè)為隱藏
4、給下拉項(xiàng)命名
5、選中點(diǎn)擊按鈕設(shè)置點(diǎn)擊事件
6、設(shè)置下拉參數(shù)
7、完成
以上就是axure抽屜菜單效果的制作方法，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
axure怎么生成分享鏈接? axure發(fā)布分享的教程
相關(guān)文章
Axure怎么制作動(dòng)態(tài)的云層？Axure中想要制作一個(gè)動(dòng)態(tài)的云層，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2019-03-13
Axure內(nèi)聯(lián)框架怎么加載網(wǎng)絡(luò)地圖?
Axure內(nèi)聯(lián)框架怎么加載網(wǎng)絡(luò)地圖？Axure中想要制作一個(gè)網(wǎng)頁可以加載地圖的效果，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2019-03-12
Axure怎么制作發(fā)光的關(guān)機(jī)按鈕?
Axure怎么制作發(fā)光的關(guān)機(jī)按鈕？Axure制作網(wǎng)頁原型的時(shí)候，想要制作一個(gè)發(fā)光的按鈕，該怎么給按鈕添加光暈效果呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2019-03-10
axure怎么使用樹工具創(chuàng)建菜單？axure中想要?jiǎng)?chuàng)建一個(gè)樹狀菜單，該怎么創(chuàng)建呢？下面我們就來看看詳細(xì)的教程，很簡單，需要的朋友可以參考下2019-02-28
axure文本段落怎么設(shè)置填充屬性？axure中輸入的文本段落想要設(shè)置填充屬性，該怎么設(shè)置呢？下面我們就來看看詳細(xì)的設(shè)置教程，需要的朋友可以參考下2019-02-27
axure怎么添加滾動(dòng)條? axure水平垂直滾動(dòng)條的設(shè)置方法
axure怎么添加滾動(dòng)條？axure輸入的文本很長，想要添加滾動(dòng)條，該怎么添加呢？下面我們就來看看axure水平垂直滾動(dòng)條的設(shè)置方法，需要的朋友可以參考下2019-02-27
Axure文字怎么設(shè)置間距? Axure段落間距的調(diào)整方法
Axure文字怎么設(shè)置間距？Axure中輸入的多行文字想要調(diào)整段落間距，該怎么調(diào)整呢？下面我們就來看看Axure段落間距的調(diào)整方法，需要的朋友可以參考下2019-02-24
axure怎么導(dǎo)出流程圖? axure流程圖導(dǎo)出方法
axure怎么導(dǎo)出流程圖？axure中繪制的流程圖想要導(dǎo)出，該怎么導(dǎo)出流程圖呢？下面我們就來看看axure流程圖導(dǎo)出方法，需要的朋友可以參考下2019-02-22
axure快捷菜單怎么創(chuàng)建水平菜單？axure設(shè)計(jì)網(wǎng)頁原型的時(shí)候，想要制作菜單，快捷菜單有兩種設(shè)置，一個(gè)是水平菜單一個(gè)是垂直菜單，該怎么設(shè)置水平菜單呢？下下面我們就來看看2019-02-21
axure網(wǎng)頁原型怎么查看瀏覽器中預(yù)覽效果?
axure網(wǎng)頁原型怎查看瀏覽器中預(yù)覽效果？axure中設(shè)計(jì)網(wǎng)頁原型很簡單，想要查看預(yù)覽效果，該怎么操作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2019-02-19
