hi,大家好,本期小组件为一个水波球显示效果,可作为运维系统的安全检验结果展示,主要用到axure的图层布尔计算,动态面板以及移动效果等知识点。
文章结尾提供本期组件的原件下载地址,随时可下载。
显示效果
实现方式
1.图层分析。通过将动态面板背景设置为和遮罩层相同的颜色,来达到实际效果。具体如下(主要图层的制作建下文):
2.遮罩层制作(布尔计算)
3.水波的制作(关键部分)
可以使用钢笔工具绘制边缘起伏的圆形来实现。具体如下ÿ
hi,大家好,本期小组件为一个水波球显示效果,可作为运维系统的安全检验结果展示,主要用到axure的图层布尔计算,动态面板以及移动效果等知识点。
文章结尾提供本期组件的原件下载地址,随时可下载。
1.图层分析。通过将动态面板背景设置为和遮罩层相同的颜色,来达到实际效果。具体如下(主要图层的制作建下文):
2.遮罩层制作(布尔计算)
3.水波的制作(关键部分)
可以使用钢笔工具绘制边缘起伏的圆形来实现。具体如下ÿ