青铜修炼手册: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

猜你喜欢

转载自blog.csdn.net/qq_27884377/article/details/82288166
今日推荐