欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

AXURE RP 8怎么設(shè)置下拉菜單? AXURE下拉菜單的制作方法

  發(fā)布時(shí)間:2018-03-05 09:25:20   作者:xt5156   我要評(píng)論
AXURE RP 8怎么設(shè)置下拉菜單?AXURE RP 8中設(shè)計(jì)網(wǎng)頁(yè)原型的時(shí)候,想要制作一個(gè)下拉菜單,該怎么制作呢?下面我們就來(lái)看看AXURE下拉菜單的制作方法,需要的朋友可以參考下

axure中想要制作下拉菜單,該怎么制作呢?下面我們就來(lái)看看詳細(xì)的教程。

先看效果

1、先把自定義的下拉菜單樣式設(shè)計(jì)好,注意組件結(jié)構(gòu)

2、批量編輯子選項(xiàng)按鈕的懸停,點(diǎn)擊和選中的樣式

1)批量選中所有按鈕

2)點(diǎn)擊右側(cè)面板的交互樣式中的鼠標(biāo)懸停

3)編輯自定義按鈕樣式

用同樣的方法,設(shè)置下拉框的交互樣式

3、把選項(xiàng)和背景一起設(shè)為動(dòng)態(tài)面板,并命名“下拉選項(xiàng)-01”,命名最好在后面帶幾個(gè)數(shù)字,因?yàn)檫@樣在后面使用到該組件的時(shí)候方便搜索使用

4、設(shè)置點(diǎn)擊下拉框時(shí)的選中狀態(tài),并根據(jù)選中的狀態(tài)來(lái)決定下來(lái)菜單是否顯示和箭頭的上下?tīng)顟B(tài)。

1)單擊下拉框,切換其選中狀態(tài)。

2)設(shè)置選中時(shí)的樣式和狀態(tài):顯示下拉選項(xiàng)面板+箭頭向下(這里建議用絕對(duì)值),同樣的方法,設(shè)置下拉菜單的取消選中時(shí)的狀態(tài)樣式。

5、設(shè)置點(diǎn)擊選項(xiàng)時(shí)的效果

1)下拉選項(xiàng)面板收起,其實(shí)就是讓下拉框處于取消選擇狀態(tài)

2)把選中的下來(lái)選項(xiàng)回顯在下拉框上。這里使用axure函數(shù)變量[[This.text]]來(lái)設(shè)置

6、設(shè)置好后,就可以復(fù)用了。右鍵交互事件Case 1復(fù)制(Ctrl+c),然后反擊下面兩個(gè)選項(xiàng),一個(gè)一個(gè)粘貼(Ctrl+v).

7、到這里基本就差不多了,最后,把下拉選項(xiàng)動(dòng)態(tài)面板隱藏。

8、再把這個(gè)組件設(shè)為動(dòng)態(tài)面板,然后勾選“自動(dòng)調(diào)整為內(nèi)容尺寸”,這樣的好處時(shí)隱藏掉的部分,不再占用空間,更有利于原型的排版。但是有一點(diǎn),這樣做的話(huà),顯示隱藏時(shí)的推拉組件功能會(huì)對(duì)動(dòng)態(tài)面板外的組件失效。

以上就是AXURE下拉菜單的制作方法,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注腳本之家。

相關(guān)推薦:

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

Axure中怎么為網(wǎng)站制作聯(lián)動(dòng)下拉菜單?

Axure怎么制作頁(yè)面滾動(dòng)時(shí)菜單固定在頂部的頁(yè)面?

相關(guān)文章

最新評(píng)論