「连载100篇」AXURE-组件-015-菜单系列1

封面

hi，大家好，我是18岁fantasy，axure组件和实例100篇连载。本期小组件为一个手机端具有弹出和水波效果的菜单弹出效果，主要用到axure的动态面板，移动效果等知识点。

文章结尾提供本期组件的原件下载地址，随时可下载。

显示效果

显示效果

实现方式

1.图层分析。主要由动态面板构成。其中通过裁剪的方式制作出三角形，并通过动画效果模拟蒙版效果。具体如下：

图层 图层顺序

2.添加事件。

主要原理为：

1，首先将功能键组合显示在动态面板右侧，但至于不可见的边框范围之外。

2，点击添加，移动功能组合键到可见的位置。

3，先将功能键组合顺时针旋转90°，然后在逆时针90，并添加弹跳效果，模仿弹出。

4.推出蒙版，模拟水波效果。

具体如下：

事件设置

~以上便是本次小组件的全部内容~

原件下载

链接：https://pan.baidu.com/s/1RxU61V7PzXwchXjYsQK6ww

提取码：93kr

~~~

18岁提示：以上文件完成于axure 8版本。

定期会将组件整理成完整文件统一发布。

原创文章，转载请标明出处。