#鸿蒙通关秘籍#如何控制SymbolGlyph的自定义动效状态？

对于需要自定义动效的SymbolGlyph，symbolEffect属性允许设置不同的动效策略以及控制动效的播放状态：

1. 控制播放状态：

使用symbolEffect属性结合状态变量来指定播放状态。

@State isActive: boolean = true;
Column() {
  Text("可变颜色动效")
  SymbolGlyph($r('sys.symbol.ohos_wifi'))
    .fontSize(96)
    .symbolEffect(new HierarchicalSymbolEffect(EffectFillStyle.ITERATIVE), this.isActive)
  Button(this.isActive ? '关闭' : '播放').onClick(() => {
    this.isActive = !this.isActive;
  })
}

2. 设置播放触发器：

通过改变triggerValueReplace的值来控制动效播放。

@State triggerValueReplace: number = 0;
Column() {
  Text("弹跳动效")
  SymbolGlyph($r('sys.symbol.ellipsis_message_1'))
    .fontSize(96)
    .fontColor([Color.Gray])
    .symbolEffect(new BounceSymbolEffect(EffectScope.WHOLE, EffectDirection.UP), this.triggerValueReplace)
  Button('trigger').onClick(() => {
    this.triggerValueReplace++;
  })
}