HarmonyOS sharedTransition能否支持不同组件通过同ID名实现不同元素的共享及渐变效果

sharedTransition能否支持不同组件通过同ID名实现不同元素的共享及渐变效果

咨询场景描述:目前在使用共享元素时,其转换过于生硬,且本地有从图片转换到全局布局的转换要求,目前看效果不理想,是否可以支持不同组件通过同ID名实现不同元素的共享,同时能够支持渐变的效果

HarmonyOS
2024-08-10 11:32:49
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get
// xxx.ets 
@Entry 
@Component 
struct SharedTransitionExample { 
  @State active: boolean = false 
  build() { 
    Column() { 
      Navigator({ target: 'pages/PageB', type: NavigationType.Push }) { 
        Image($r('app.media.ic_health_heart')).width(50).height(50) 
          .sharedTransition('sharedImage', { duration: 800, curve: Curve.Linear, delay: 100 }) 
      }.padding({ left: 20, top: 20 }) 
      .onClick(() => { 
        this.active = true 
      }) 
    } 
  } 
} 
// PageB.ets 
@Entry 
@Component 
struct pageBExample { 
  build() { 
    Stack() { 
      Image($r('app.media.ic_health_heart')).width(150).height(150) 
        .sharedTransition('sharedImage', { duration: 800, curve: Curve.Linear, delay: 100 }) 
    }.width('100%').height('100%') 
  } 
}
分享
微博
QQ
微信
回复
2024-08-10 17:36:17
相关问题
不同组件不同样式效果如何实现
260浏览 • 1回复 待解决
如何实现共享元素转场
377浏览 • 1回复 待解决
HarmonyOS 如何实现滚动渐变效果
221浏览 • 1回复 待解决
一个app中不同hap如何共享状态?
154浏览 • 1回复 待解决
HarmonyOS 渐变遮罩效果如何实现
139浏览 • 1回复 待解决
如何实现顶部渐变遮罩效果
420浏览 • 1回复 待解决
如何通过组件id获取组件
221浏览 • 1回复 待解决
如何设置组件不同状态下样式
1849浏览 • 1回复 待解决
何设置组件不同状态下样式
1995浏览 • 1回复 待解决
实现接口名实现传参
364浏览 • 1回复 待解决