Axure怎么創(chuàng)建鼠標(biāo)點(diǎn)擊展開的下拉菜單效果?
我要評(píng)論Axure制作點(diǎn)擊展開的下拉菜單效果，該怎么制作呢？下面我們就來看看詳細(xì)的教程。
Axure RP v8.1.0.3382 Enterprise 中文特別版(附注冊(cè)機(jī)+漢化包+安裝教程)
- 類型：輔助設(shè)計(jì)
- 大?。?/span>83.2MB
- 語言：簡(jiǎn)體中文
- 時(shí)間：2019-04-26
1、打開Axure原型工具，今天教大家使用Axure制作點(diǎn)擊展開的下拉菜單效果，如下圖所示。
2、首先我們從元件庫(kù)中拖入本次需要的元件，如下圖所示。
3、然后我們通過調(diào)整元件的大小和顏色制作出一個(gè)按鈕形狀的圖形，如下圖所示。
4、同樣的方式，我們?cè)趧?dòng)態(tài)面板中做出下拉菜單的效果，并給動(dòng)態(tài)面板命名，如下圖所示。
5、雙擊進(jìn)行到動(dòng)態(tài)面板，給各個(gè)菜單加一些鼠標(biāo)懸停的顏色，如下圖所示。
6、也可以給上面的按鈕加一些懸念的效果，如下圖所示。
7、下面我們開始給按鈕加交互事件，首先是單擊時(shí)的事件，選中時(shí)的還有取消時(shí)的，另外這里也需要給動(dòng)畫面板加一個(gè)交互事件，就是載入時(shí)需要隱藏，如下圖所示。
8、好了，交互事件都設(shè)置完成后，f5預(yù)覽一下效果，如下圖所示。
9、點(diǎn)擊這個(gè)按鈕，下拉菜單會(huì)顯示出，再點(diǎn)擊就會(huì)收縮回去，如下圖所示。
以上就是Axure創(chuàng)建鼠標(biāo)點(diǎn)擊展開的下拉菜單效果的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
Axure RP怎么設(shè)計(jì)一款導(dǎo)航菜單?
Axure RP 8怎么設(shè)計(jì)有漂亮圖標(biāo)的樹狀菜單?
相關(guān)文章
Axure怎么使用動(dòng)態(tài)面板制作banner圖片輪播?
Axure怎么使用動(dòng)態(tài)面板制作banner圖片輪播？Axure中想要做一個(gè)網(wǎng)站banner圖片輪播，該怎么制作這個(gè)效果呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-06-30
Axure怎么設(shè)計(jì)一個(gè)左側(cè)二級(jí)導(dǎo)航切換效果?
Axure怎么設(shè)計(jì)一個(gè)左側(cè)二級(jí)導(dǎo)航切換效果？Axure中設(shè)計(jì)網(wǎng)頁原型很簡(jiǎn)單，想要設(shè)計(jì)一個(gè)點(diǎn)主導(dǎo)長(zhǎng)就出現(xiàn)二級(jí)導(dǎo)航的下過，該怎么設(shè)計(jì)呢？下面我們就來看看詳細(xì)的教程，需要的朋友2017-06-30
Axure RP怎么實(shí)現(xiàn)提示框懸停功能?
Axure RP怎么實(shí)現(xiàn)提示框懸停功能？Axure設(shè)計(jì)網(wǎng)頁的時(shí)候，想要實(shí)現(xiàn)提示框懸停功能，該怎么設(shè)計(jì)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-06-27
axure8.0怎么使用元件庫(kù)及母版？axure8.0中想要?jiǎng)?chuàng)建一個(gè)產(chǎn)品原型，可以直接使用元件庫(kù)和母版實(shí)現(xiàn)，下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-06-27
Axure RP兩份文件怎么合并成一份？有兩份Axure文件，想要將兩份文件合并在一起，該怎么合并呢？下面我們就來看看詳細(xì)的教程，很簡(jiǎn)單，,要的朋友可以參考下2017-06-27
Axure RP 8輸入框中怎么顯示日期？Axure RP 8中繪制的輸入框除了顯示文本、密碼等，還可以顯示日期，下面我們就來看看設(shè)置顯示日期的教程，需要的朋友可以參考下2017-06-08
Axure RP 8怎么繪制并組合紅色的五角星？Axure RP 8中想要繪制紅色的五角星，并將兩個(gè)五角星組合成圖形，下面我們就來看看詳細(xì)的操作教程，需要的朋友可以參考下2017-06-05
Axure RP 8怎么繪制螺絲釘模型圖？Axure RP 8中想要畫一個(gè)螺絲釘，該怎么繪制呢？下面我們就來看看詳細(xì)的教程，很簡(jiǎn)單，需要的朋友可以參考下2017-06-05
Axure RP 8怎么設(shè)計(jì)出自適應(yīng)頁面的元件?
Axure RP 8怎么設(shè)計(jì)出自適應(yīng)頁面的元件？我們知道頁面的大小是不固定的，想要設(shè)計(jì)元件的時(shí)候可以自適應(yīng)頁面尺寸，該怎么設(shè)計(jì)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可2017-06-05
Axure RP 8下拉框怎么控制文本框標(biāo)題字體?
Axure RP 8下拉框怎么控制文本框標(biāo)題字體？Axure RP 8中下拉框切換值的時(shí)候，想要改變文本框和標(biāo)題，該怎么實(shí)現(xiàn)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-06-04
