HarmonyOS 鸿蒙Next：组件进入时直接触发加载动画，为何aboutToAppear中使用animateTo无动画效果

HarmonyOS 鸿蒙Next：组件进入时直接触发加载动画，为何aboutToAppear中使用animateTo无动画效果
有要学HarmonyOS AI的同学吗，联系我：https://www.itying.com/goods-1206.html

关于HarmonyOS 鸿蒙Next：组件进入时直接触发加载动画，为何aboutToAppear中使用animateTo无动画效果的问题，您也可以访问：https://www.itying.com/category-93-b0.html 联系官网客服。

wuwangju 1楼•7 个月前

动画没有触发，有什么办法解决吗，想直接触发动画

更多关于HarmonyOS 鸿蒙Next：组件进入时直接触发加载动画，为何aboutToAppear中使用animateTo无动画效果的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

htzhanglong 2楼•7 个月前

有要学HarmonyOS AI的同学吗，联系我：https://www.itying.com/goods-1206.html

caililin 3楼•7 个月前

[@Component](/user/Component)
struct Loading {
  [@State](/user/State) angle:number=0
aboutToAppear(){
this.startLoading()
}
startLoading(){
animateTo({
duration:2000,
curve:Curve.Linear,
onFinish:()=>{
this.angle=0
this.startLoading()
}
},()=>{
this.angle=360
})
}
build() {
Image($r(‘app.media.loading’)).rotate({
angle:this.angle
}).size({width:72,height:72})
}
}
@Entry
@Component
struct Second {
build() {
Column(){
Loading()
}.height(<span class="hljs-string"><span class="hljs-string">'100%'</span></span>)}
}<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

wuwangju 4楼•7 个月前

感谢，我忘记再次调用了，this.startLoading()，但是下面animation属性来控制我感觉不合适，造成频繁渲染问题

yuanlaile 5楼•7 个月前

…，你一直转圈不就是一直在渲染…，要做的事又没变

wuwangju 6楼•7 个月前

[@Entry](/user/Entry)
[@Component](/user/Component)
struct Index2 {

  controller: CustomDialogController = new CustomDialogController({
    builder: MyDialog(),
  })

  build() {
    Column() {
      Button('点击')
        .padding(10)
        .onClick(() => {
          this.controller.open()
        })
    }
    .height('100%')
    .width('100%')
  }
}

[@CustomDialog](/user/CustomDialog)
struct MyDialog {
  controller: CustomDialogController = new CustomDialogController({
    builder: MyDialog()
  })
  [@State](/user/State) myAngle: number = 0

  build() {

    Image($r('app.media.app_icon'))
      .width(50)
      .height(50)
      .rotate({angle: this.myAngle})
      .animation({
        duration: 1000,
        iterations: -1,
        onFinish: () => {
          console.log("onFinish")
        }
      })
      .onAppear(() => {
        animateTo({
          duration: 1000,
          curve: Curve.Linear,
          iterations: -1
        },
          () => {
            this.myAngle = 360
          })
      })
  }
}

gougou168 7楼•7 个月前

找HarmonyOS工作还需要会Flutter技术的哦，有需要Flutter教程的可以学学大地老师的教程，很不错，B站免费学的哦：https://www.bilibili.com/video/BV1S4411E7LY/?p=17

wuwangju 8楼•7 个月前

[@Component](/user/Component)
struct Loading {
  [@State](/user/State) angle:number=0
  [@State](/user/State) count:number=0
build() {
Image($r(‘app.media.loading’)).rotate({
angle:this.angle
}).size({width:72,height:72}).animation({
duration:60,
curve:Curve.Linear,
onFinish:()=>{
this.count++
this.angle=360/60*this.count
}
})
}
}
@Entry
@Component
struct Second {
build() {
Column(){
Loading()
}.height(<span class="hljs-string"><span class="hljs-string">'100%'</span></span>)}
}<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>