相关问题
#鸿蒙通关秘籍#如何在HarmonyOS Next上实现不间断的水波纹动画效果?
53浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS Next中实现按钮的水波纹动画特效?
58浏览 • 1回复 待解决
#鸿蒙通关秘籍# 在HarmonyOS Next中如何使用animateTo实现水波纹动画效果?
9浏览 • 0回复 待解决
#鸿蒙通关秘籍#如何在开发HarmonyOS Next水波纹动画特效时有效管理组件状态?
50浏览 • 1回复 待解决
#鸿蒙通关秘籍#在HarmonyOS Next中如何通过设置动画参数来控制水波纹效果的播放速度?
86浏览 • 1回复 待解决
#鸿蒙通关秘籍# 在HarmonyOS Next中如何设置并调节水波纹动画的缩放比例和透明度变化参数?
6浏览 • 0回复 待解决
swiper组件如何实现自定义切换动画
671浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何利用属性动画实现一镜到底动效,实现组件A到组件B的过渡动画?
23浏览 • 1回复 待解决
list添加或删除item需要设置入场出场动画典型案例
845浏览 • 1回复 待解决
属性动画如何实现宽高动画效果
1988浏览 • 1回复 待解决
如何应用属性动画实现宽高的动画
351浏览 • 1回复 待解决
HarmonyOS 如何实现RippleView动画?
278浏览 • 1回复 待解决
如何实现动画转场效果
790浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何实现Tabs组件中TabContent的动画效果?
9浏览 • 1回复 待解决
HarmonyOS 如何实现WaveView动画?
284浏览 • 1回复 待解决
文字动画效果如何实现
1862浏览 • 0回复 待解决
HarmonyOS 如何实现旋转动画
361浏览 • 1回复 待解决
求教ArkUI如何实现组合动画?
5471浏览 • 1回复 待解决
HarmonyOS 如何实现音频声浪动画
581浏览 • 1回复 待解决
鸿蒙如何实现动画值变化
9398浏览 • 1回复 待解决
HarmonyOS如何实现动态缩放动画
479浏览 • 1回复 待解决
jsUI框架下的canvas组件是否有案例参考?
4546浏览 • 1回复 待解决
动态显示页面布局以及页面元素大小实现案例
784浏览 • 1回复 待解决
#鸿蒙通关秘籍#Tabs组件中如何实现自定义页面切换动画?
13浏览 • 1回复 待解决
如何实现list的折叠动画效果
446浏览 • 1回复 待解决
希望在组件(如按钮,列表项等)按压时实现从中间向两边扩散的水波纹动画效果如下图效果
使用的核心API
transition
核心代码解释
上述效果中使用Stack组件来让水波纹与组件层叠来实现这个效果,水波纹动画元素显示时没有动画,创建一毫秒后消失(这个可以根据实际需求来微调),消失的时候添加动画代码如下:
完整实现代码如下:
实现效果
注明适配的版本信息
IDE:4.1.1.300
SDK:4.1.2.1