青銅修煉手冊:Axure頁面右鍵選單製作
阿新 • • 發佈:2018-11-15
右鍵選單這個功能我覺得大家都應該不陌生吧,這個功能應該成為我們瀏覽網頁的必備技能了,但是我們有時候發現點選不同的東西出來的右鍵選單都是不一樣的,就如下圖一樣,在矩形內點選右鍵和在頁面內點選右鍵出來的選單顯示是不一樣的,所以說現在就想分享一下這個效果是如何實現的:
步驟:
(1)首先在畫布裡放置一個矩形和一個選單列表,如下所示:
(2)點選該選單列表並單擊滑鼠右鍵選擇【轉換為動態面板】併名為“右鍵選單”
(3)雙擊“右鍵選單”,增加一個狀態State2,然後把另外一個選單列表放在State2內
(4)將“右鍵選單”選擇【隱藏】,並設定矩形的互動方式:點選矩形並雙擊【滑鼠右鍵時】
(5)i.選擇【面板狀態】->【右鍵選單】->選擇【State1】狀態
ii.選擇【移動】->【右鍵選單】->【到達】“[[Cursor.x]],[[Cursor.y]]”
iii.選擇【顯示】->【右鍵選單】->【逐漸】"500ms"
(6) 複製該矩形的所有互動用例,然後點選頁面,貼上到【頁面滑鼠右擊時】
(7)修改【頁面滑鼠點選時】第一個用例,把State1改為State2
(8)完成,點選瀏覽
原型檢視效果地址:https://6sw428.axshare.com
原型RP檔案下載地址:https://download.csdn.net/download/qq_27884377/10640244