中国优质的IT技术网站
专业IT技术创作平台
IT职业在线教育平台
sharedTransition能否支持不同组件通过同ID名实现不同元素的共享及渐变效果
咨询场景描述:目前在使用共享元素时,其转换过于生硬,且本地有从图片转换到全局布局的转换要求,目前看效果不理想,是否可以支持不同组件通过同ID名实现不同元素的共享,同时能够支持渐变的效果
微信扫码分享
// 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%') } }