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

@Entry
@Component
struct Index {
  @State triggerValueReplace: number = 0;
  build() {

    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 = this.triggerValueReplace + 1;
      })
    }
    .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.
22.