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

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



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

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


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




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

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




rp示例文件:

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

get

溟色传说 发表于 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

get

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

谢谢,太棒了

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

学习了
页: [1] 2
查看完整版本: Axure7.0 用面板制作下拉菜单的新方法