Axure7.0 用面板制作下拉菜单的新方法

尹广磊 · 发表于 2015-9-18 09:28:01

演示地址：http://n842t6.share.hiaxure.com/

以前要是用动态面板制作这样的下拉菜单，
鼠标移入时显示，鼠标移出时隐藏，
需要借助“图像热区”组件来作为移出范围的边界才可以做到鼠标移出时隐藏。
以前的方法链接：http://www.hiaxure.com/thread-789-1-1.html

现在Axure7.0在显示动态面板时，有了一个选项叫“弹出效果”。

屏幕快照 2015-09-18 上午9.24.03.jpg

使用了该效果显示面板之后。
鼠标往非面板所在方向移动时，当移出了“通知”小矩形面板就会隐藏。
鼠标往面板所在方向移动时，面板不会隐藏，直到移出面板范围时才会隐藏。

见下图，往黄色箭头方向移动鼠标，移出小矩形就会隐藏面板。
往蓝色箭头方向移动鼠标，移动到面板范围后，再次移出面板时才会隐藏。

rp示例文件：

hyrz8255 · 发表于 2015-9-18 14:27:16

溟色传说 · 发表于 2015-9-22 13:16:17

good

email58 · 发表于 2015-10-14 11:25:57

COOL,学习了

浪淘沙720 · 发表于 2015-10-22 16:02:42

非常感谢，7.0版本的这个功能方便多了，对于初学者来说非常容易懂

492630918 · 发表于 2015-10-29 11:43:03

cool,已学习，非常受用:lol

银色飞行船 · 发表于 2015-11-13 14:23:28

非常有用的功能，省去了不少操作，:lol

kathy111001 · 发表于 2015-11-24 16:58:23

1# 尹广磊

又学到了一点，才发现自己完全是新手啊

笨笨丫 · 发表于 2015-12-2 16:46:23

3Q 3Q

zlh1993 · 发表于 2015-12-4 11:19:51

能稍微说的具体些吗？小白表示看着教程做了好久，没成功。

yesterman · 发表于 2015-12-12 23:51:00

学到了
老师，是不是Classic Menu-Horizontal这个部件也可以有差不多的效果

mhgenuine · 发表于 2015-12-16 17:32:13

谢谢了

fly_future · 发表于 2015-12-28 22:30:13

不错，学习啦

liu3319775 · 发表于 2016-4-13 17:57:51

十成新的新手，，，刚刚下载的axure 前来学习:victory:

潮潮学习axsure · 发表于 2016-6-22 10:09:36

学会

小业主 · 发表于 2016-6-24 15:19:57

3Q:lol

Ibrahim · 发表于 2016-6-27 13:53:14

这个好，谢谢大牛

mango31117 · 发表于 2016-6-29 14:31:18

良玉 · 发表于 2016-8-22 11:09:52

谢谢，太棒了

zhangnan · 发表于 2016-9-25 00:56:38

学习了