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
:向下。