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 联系官网客服。
动画没有触发，有什么办法解决吗，想直接触发动画更多关于HarmonyOS 鸿蒙Next：组件进入时直接触发加载动画，为何aboutToAppear中使用animateTo无动画效果的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html
[@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>
[@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
})
})
}
}
找HarmonyOS工作还需要会Flutter技术的哦，有需要Flutter教程的可以学学大地老师的教程，很不错，B站免费学的哦：https://www.bilibili.com/video/BV1S4411E7LY/?p=17
[@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>
