右鍵菜單這個功能我覺得大家都應該不陌生吧,這個功能應該成爲我們瀏覽網頁的必備技能了,但是我們有時候發現點擊不同的東西出來的右鍵菜單都是不一樣的,就如下圖一樣,在矩形內點擊右鍵和在頁面內點擊右鍵出來的菜單顯示是不一樣的,所以說現在就想分享一下這個效果是如何實現的:
步驟:
(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