如何通过AnimatableExtend注解实现一个可以放缩动画的效果?

如何通过AnimatableExtend注解实现一个可以放缩动画的效果?

HarmonyOS
2024-07-11 11:05:41
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
pfuchenlu
@Component
export struct AnimatFontSizeComponent {
  @State fontSize: number = 20
  build() {
    Column() {
      Text("文字尺寸动画")
        .animatFontSize(this.fontSize)
        .animation({ duration: 1000, curve: Curve.Ease })
      Button("开始")
        .onClick(() => {
          this.fontSize = this.fontSize == 20 ? 36 : 20
        })
    }.width("100%")
    .padding(10)
  }
}

@AnimatableExtend(Text)
function animatFontSize(size: number) {
  .fontSize(size)
}
分享
微博
QQ
微信
回复
2024-07-12 09:58:20
相关问题
如何实现一个动画弹窗?
322浏览 • 1回复 待解决
HarmonyOS 如何实现一个转圈效果
438浏览 • 2回复 待解决
编写一个页面,实现吸顶效果
917浏览 • 1回复 待解决
如何实现动画转场效果
727浏览 • 1回复 待解决
属性动画如何实现宽高动画效果
1863浏览 • 1回复 待解决
如何实现list折叠动画效果
317浏览 • 1回复 待解决
实现一个自定义动画,出现丢帧问题
269浏览 • 1回复 待解决
文字动画效果如何实现
1809浏览 • 0回复 待解决
如何为图片添加一个模糊效果
309浏览 • 2回复 待解决
如何通过定时器和画布实现一个时钟
672浏览 • 1回复 待解决
如何实现一个折叠组件
807浏览 • 1回复 待解决