refresh期望能够自定义loading动画

// xxx.ets 
@Entry 
@Component 
struct RefreshExample { 
  @State isRefreshing: boolean = false 
  @State counter: number = 0 
  @State durationTime: number = 50 //每个数字动画时长，50m 
  @State aniState: AnimationStatus = AnimationStatus.Initial 
 
  @Builder 
  RefreshAnimation() { 
    Column() { 
      ImageAnimator() 
        .images([{ 
          src: 'image/dl_sdk_anim_000.png', 
          duration: this.durationTime 
        }]) 
        .state(this.aniState) 
        .reverse(false) 
        .fillMode(FillMode.Both) 
        .iterations(-1) 
        .width(40) 
        .height(40) 
        .margin({ top: 10 }) 
        .onStart(() => { 
          console.info('LoadingDialog Start') 
        }) 
        .onPause(() => { 
          console.info('LoadingDialog Pause') 
        }) 
        .onRepeat(() => { 
          console.info('LoadingDialog Repeat') 
        }) 
        .onCancel(() => { 
          console.info('LoadingDialog Cancel') 
        }) 
        .onFinish(() => { 
          console.info('LoadingDialog Finish') 
        }) 
    } 
  } 
 
  build() { 
    Column() { 
      Refresh({ refreshing: $$this.isRefreshing, offset: 120, friction: 100, builder: this.RefreshAnimation }) { 
        Text('Pull Down and refresh: ' + this.counter) 
          .fontSize(30) 
          .margin(10) 
      } 
      .onStateChange((refreshStatus: RefreshStatus) => { 
        console.info('Refresh onStatueChange state is ' + refreshStatus) 
      }) 
      .onRefreshing(() => { 
        this.aniState = AnimationStatus.Running 
        setTimeout(() => { 
          this.counter++ 
          this.isRefreshing = false 
          this.aniState = AnimationStatus.Stopped 
        }, 1000) 
        console.log('onRefreshing test') 
      }) 
    } 
  } 
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.