geometry transition 英译为: 几何过渡。这个动画写法挺简单的,不妨碍人家的炫酷。这种效果其实就是传说中的一镜到底!从现在开始,本文geometry transition 与一镜到底具有同样的含义,指的是同样的概念。
共享元素转场(一镜到底)指的是什么效果(图文对比)
共享元素转场着重于展现组件与组件之间涉及到转场时的过渡效果。顾名思义,重点有两处需要我们注意:
- 发生节点为转场。凡是带转场二字的动效,您就死死的记住,转场时机就是,组件添加,组件删除,组件展示或消失!除非有特殊情况,暂时就这么认为即可。
- 动效的作用范围: 强调的是组件与组件之间的动效过渡。再简化一些, 就是着重过渡!为了展示它的特点,我画了一张比较图,贴在了下方。可观察一下,它究竟在过渡方面做了什么!这是我们之前各种动画里没有涉猎的部分。
我们之前学的动画呢,诸如 animateTo(显式动画), animation(属性动画),keyFrameAnimateTo(关键帧动画),transition(组件内转场动画),motionPath(路径动画) ,其代码展现的效果都是组件本身的变化,包括转场动画虽然涉及