8.图解鸿蒙之SymbolGlyph-通过SymbolEffect属性设置动效策略及其播放状态

图解鸿蒙之 SymbolGlyph - 通过 SymbolEffect 属性设置动效策略及其播放状态

宝子们把 SymbolEffect 属性想象成一个神奇的魔法盒哦，

1. 这个魔法盒能对 SymbolGlyph 施展魔法，也就是设置动效策略哒。

2. 它还能管着动效的播放状态呢，就像决定小动画是开始跑起来，还是播放关闭。

3. 只要用对这个魔法盒，就能让 SymbolGlyph 展示出超有趣又符合你心意的动效表现哟♥

@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;

  })

}

```

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