Axure制作點擊展開的下拉菜單效果,該怎么制作呢?下面我們就來看看詳細的教程。
1、打開Axure原型工具,今天教大家使用Axure制作點擊展開的下拉菜單效果,如下圖所示。

2、首先我們從元件庫中拖入本次需要的元件,如下圖所示。

3、然后我們通過調(diào)整元件的大小和顏色制作出一個按鈕形狀的圖形,如下圖所示。

4、同樣的方式,我們在動態(tài)面板中做出下拉菜單的效果,并給動態(tài)面板命名,如下圖所示。

5、雙擊進行到動態(tài)面板,給各個菜單加一些鼠標懸停的顏色,如下圖所示。

6、也可以給上面的按鈕加一些懸念的效果,如下圖所示。

7、下面我們開始給按鈕加交互事件,首先是單擊時的事件,選中時的還有取消時的,另外這里也需要給動畫面板加一個交互事件,就是載入時需要隱藏,如下圖所示。

8、好了,交互事件都設(shè)置完成后,f5預(yù)覽一下效果,如下圖所示。

9、點擊這個按鈕,下拉菜單會顯示出,再點擊就會收縮回去,如下圖所示。

以上就是Axure創(chuàng)建鼠標點擊展開的下拉菜單效果的教程,希望大家喜歡,請繼續(xù)關(guān)注武林網(wǎng)。
相關(guān)推薦:
新聞熱點
疑難解答
圖片精選