9.图解鸿蒙之SymbolGlyph-通过SymbolEffect属性指定动画效果策略及其播放触发条件

图解鸿蒙之 SymbolGlyph - 通过 SymbolEffect 属性指定动画效果策略及其播放触发条件

宝贝 SymbolGlyph 就像个可爱的小图标，SymbolEffect 属性呢，就像一个魔法小盒子。用这个魔法小盒子，你可以给小图标指定动画效果策略！

比如让它弹弹跳跳。还能设置播放触发条件，像点击一下或者满足某个条件时小图标才开始表演动画哟，是不是很有趣呀。

@State  triggerValueReplace: number = 0;

Column() {

 Text("弹跳动效")

 SymbolGlyph($r('sys.symbol.ellipsis_message_1'))

    .fontSize(200)

    .fontColor([Color.Gray])

    .symbolEffect(new  BounceSymbolEffect(EffectScope.WHOLE, EffectDirection.UP), this.triggerValueReplace)

 Button('trigger').onClick(() => {

 this.triggerValueReplace = this.triggerValueReplace + 5;

  })

}

```

PS：实际项目中如有出入，请告知博主，博主会第一时间修改得哇 ~