HarmonyOS 缩放动画问题

请提供一个完整示例,比如一个带有边框的text,从原始比例0.5逐渐放大到完整大小。

HarmonyOS
2024-12-20 15:04:53
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
aquaa

demo如下:

@Entry
@Component
struct Index {
  @State message: string = 'Hello World';
  @State x:number = 0.5
  @State y:number = 0.5
  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
          .borderWidth("2px")
          .borderColor(Color.Blue)
          .scale({x:this.x,y:this.y})
          .animation({
            duration: 1000,
            curve: Curve.EaseOut,
            iterations: 3,
            playMode: PlayMode.Normal
          })
          .onAppear(()=>{
            this.x = 1
            this.y = 1
          })
      }
      .width('100%')
    }
    .height('100%')
  }
}
分享
微博
QQ
微信
回复
2024-12-20 18:20:18
相关问题
HarmonyOS如何实现动态缩放动画
748浏览 • 1回复 待解决
HarmonyOS Web组件内容缩放问题
706浏览 • 1回复 待解决
HarmonyOS h5页面缩放问题
1188浏览 • 1回复 待解决
HarmonyOS 动画使用问题
255浏览 • 1回复 待解决
HarmonyOS 组件动画问题
210浏览 • 1回复 待解决
HarmonyOS 平移动画问题
203浏览 • 1回复 待解决
HarmonyOS 滑动缩放demo
233浏览 • 1回复 待解决
HarmonyOS Grid拖拽动画问题
501浏览 • 1回复 待解决
HarmonyOS Naviagtion动画问题咨询
514浏览 • 1回复 待解决
HarmonyOS 路径动画相关问题
1042浏览 • 1回复 待解决
HarmonyOS PAG动画使用问题
240浏览 • 1回复 待解决
HarmonyOS 动画执行时机问题
576浏览 • 1回复 待解决
关于属性动画问题
10439浏览 • 3回复 待解决
HarmonyOS 复用转场动画示例3问题
295浏览 • 1回复 待解决
WebView支持页面缩放吗?
1298浏览 • 1回复 待解决