中国优质的IT技术网站
专业IT技术创作平台
IT职业在线教育平台
如何设置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) } }