【鸿蒙实战开发】ArkUI-粒子动画实现

粒子动画是在一定范围内随机生成的大量粒子产生运动而组成的动画。动画元素是一个个粒子,这些粒子可以是圆点、图片。开发者可以通过对粒子在颜色、透明度、大小、速度、加速度、自旋角度等维度变化做动画,来营造一种氛围感,比如下雪的动效,雪花飘舞就相当于一个个雪花粒子在做动画。

粒子动画的效果通过Particle组件展现。

基本示例代码和效果如下

1.  @Entry
2.  @Component
3.  struct ParticleExample {
4.  build() {
5.  Stack() {
6.  Text()
7.  .width(300).height(300).backgroundColor(Color.Black)
8.  Particle({ particles: [
9.  {
10.  emitter: {
11.  particle: {
12.  type: ParticleType.POINT, //粒子类型
13.  config: {
14.  radius: 5 //圆点半径
15.  },
16.  count: 100, //粒子总数
17.  },
18.  },
19.  },
20.  ]
21.  }).width(250).height(250)
22.  }.width("100%").height("100%").align(Alignment.Center)
23.  }
24.  }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值