右键菜单这个功能我觉得大家都应该不陌生吧,这个功能应该成为我们浏览网页的必备技能了,但是我们有时候发现点击不同的东西出来的右键菜单都是不一样的,就如下图一样,在矩形内点击右键和在页面内点击右键出来的菜单显示是不一样的,所以说现在就想分享一下这个效果是如何实现的:
步骤:
(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