#鸿蒙学习大百科#如何设置SymbolGlyph的动效策略及动效播放状态？

@Entry
@Component
struct Index {
  @State isActive: boolean = true;

  build() {
    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;
      })
    }
    .width('100%')
    .height('100%')
    .justifyContent(FlexAlign.Center)

  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.