鸿蒙(HarmonyOS)应用开发实战——听歌识曲水波纹特效案例

往期知识点整理

• 鸿蒙（HarmonyOS）北向开发知识点记录~
• 被裁员后，踏上了鸿蒙开发求职之路
• 持续更新中……

介绍

在很多应用中，会出现点击按钮出现水波纹的特效。

效果图预览

使用说明

1. 进入页面，点击按钮，触发水波纹动画。
2. 再次点击按钮，停止水波纹动画。

实现思路

本例涉及的关键特性和实现方案如下：

1. 要实现存在两个连续的涟漪，需要两个层叠的Stack分别以一定延迟进行相同的动画。

   Stack()
   .ripplesStyle()
   .opacity(this.immediatelyOpacity)
   .scale(this.immediatelyScale)
   Stack()
   .ripplesStyle