1. 程式人生 > >青銅修煉手冊:Axure頁面右鍵選單製作

青銅修煉手冊:Axure頁面右鍵選單製作

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

 步驟:

          (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