HarmonyOS/OpenHarmony应用开发-转场动画共享元素转场

@Entry
@Component
struct TransitionAnimation_share01 {
  @State active: boolean = false

  build() {
    Column() {
      Navigator({ target: 'pages/transitionAnimation_share02', type: NavigationType.Push }) {
        Image($r('app.media.icon')).width(150).height(150)
          .sharedTransition('sharedImage', { duration: 800, curve: Curve.Linear, delay: 100 })
      }.padding({ left: 20, top: 20 })
      .onClick(() => {
        this.active = true
      })
    }
  }
}

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.

@Entry
@Component
struct TransitionAnimation_share02 {
  build() {
    Stack() {
      Image($r('app.media.icon')).width(300).height(300).sharedTransition('sharedImage')
    }.width('100%').height('100%')
  }
}

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.