hi，大家好，本期小组件为一个水波球显示效果，可作为运维系统的安全检验结果展示，主要用到axure的图层布尔计算，动态面板以及移动效果等知识点。

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

显示效果

实现方式

1.图层分析。通过将动态面板背景设置为和遮罩层相同的颜色，来达到实际效果。具体如下（主要图层的制作建下文）：

 

 

2.遮罩层制作（布尔计算）

 

3.水波的制作(关键部分)

可以使用钢笔工具绘制边缘起伏的圆形来实现。具体如下：

 

事件设置

看明白以上图形的制作，时间就很简单了。主要原理为：

1，页面加载时，以中心为锚点，持续的旋转动态面板内的水波圆形即可。

具体如下：

 

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

~~~

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

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

文档下载

原创文章会先发布在公众号上，请大家关注公众号好后，回复“a026”，获取元件文件的下载地址。

 

感谢阅读和关注！