Transition

动画效果。

interface Transition {
  readonly type: TransitionType;
  readonly duration: number;
  readonly direction: TransitionDirection;
  readonly easing: Easing;
}
  • type:动画类型,具体可查看类型 TransitionType
  • duration:动画持续时间。
  • direction: 动画执行方向,具体可查看类型 TransitionDirection
  • easing:动画过渡效果,具体可查看类型 Easing

TransitionType

动画类型。


type TransitionType = 'TANS_NONE' | 'INSTANT' | 'DISSOLVE' | 'SMART_ANIMATE' | 'MOVE_IN' | 'MOVE_OUT' | 'PUSH' | 'SLIDE_IN' | 'SLIDE_OUT' | 'DISPLACE'
  • INSTANT:即时。
  • DISSOLVE:溶解。
  • SLIDE_IN:滑入。
  • SLIDE_OUT:滑出。
  • MOVE_IN:移入。
  • MOVE_OUT:移出。
  • PUSH:推入。
  • SMART_ANIMATE:智能动画。
  • DISPLACE:位移。

TransitionDirection

type TransitionDirection = 'LEFT' | 'RIGHT' | 'TOP' | 'BOTTOM'
  • LEFT:向左。
  • RIGHT:向右。
  • TOP:向上。
  • BOTTOM:向下。