青銅修煉手冊: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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章