如何在路由更改的两个不同视图中定义的两个元素之间进行转换,通常称为跨多个页面布局的页面元素的“共享转换" or "类似本机的转换”?
这里有些例子 :
-
Shared Element Transitions in airbnb/native-navigation(React)
-
Animation Anchoring(Angular)
常见的解决方案是通过在页面流之外使用不同的元素或通过在布局之间叠加元素并使用自愿空隙和绝对定位来考虑叠加空间来假设元素内置于自然页面流中,从而伪造此效果 . 请参阅例如Native-Like Animations for Page Transitions on the Web(参见comment)或snipcart/vue-blog-demo .
共享元素转换将在具有不同页面布局的不同视图中单独定义的两个元素之间创建关系,并且可以在它们之间转换,可能以一种FLIP方式 .
1 回答
库vue-overdrive使用Ramjet模拟不同组件之间的这种转换 .