NativeScript/packages/core/ui/transition/slide-transition.android.ts

import { Transition } from '.';
import { Screen } from '../../platform';
import lazy from '../../utils/lazy';

const screenWidth = lazy(() => Screen.mainScreen.widthPixels);
const screenHeight = lazy(() => Screen.mainScreen.heightPixels);

export class SlideTransition extends Transition {
	private _direction: string;

	constructor(direction: string, duration: number = 350, curve?: any) {
		super(duration, curve);
		this._direction = direction;
	}

	public createAndroidAnimator(transitionType: string): android.animation.Animator {
		const translationValues = Array.create('float', 2);
		switch (this._direction) {
			case 'left':
				switch (transitionType) {
					case Transition.AndroidTransitionType.enter:
						translationValues[0] = screenWidth();
						translationValues[1] = 0;
						break;
					case Transition.AndroidTransitionType.exit:
						translationValues[0] = 0;
						translationValues[1] = -screenWidth();
						break;
					case Transition.AndroidTransitionType.popEnter:
						translationValues[0] = -screenWidth();
						translationValues[1] = 0;
						break;
					case Transition.AndroidTransitionType.popExit:
						translationValues[0] = 0;
						translationValues[1] = screenWidth();
						break;
				}
				break;
			case 'right':
				switch (transitionType) {
					case Transition.AndroidTransitionType.enter:
						translationValues[0] = -screenWidth();
						translationValues[1] = 0;
						break;
					case Transition.AndroidTransitionType.exit:
						translationValues[0] = 0;
						translationValues[1] = screenWidth();
						break;
					case Transition.AndroidTransitionType.popEnter:
						translationValues[0] = screenWidth();
						translationValues[1] = 0;
						break;
					case Transition.AndroidTransitionType.popExit:
						translationValues[0] = 0;
						translationValues[1] = -screenWidth();
						break;
				}
				break;
			case 'top':
				switch (transitionType) {
					case Transition.AndroidTransitionType.enter:
						translationValues[0] = screenHeight();
						translationValues[1] = 0;
						break;
					case Transition.AndroidTransitionType.exit:
						translationValues[0] = 0;
						translationValues[1] = -screenHeight();
						break;
					case Transition.AndroidTransitionType.popEnter:
						translationValues[0] = -screenHeight();
						translationValues[1] = 0;
						break;
					case Transition.AndroidTransitionType.popExit:
						translationValues[0] = 0;
						translationValues[1] = screenHeight();
						break;
				}
				break;
			case 'bottom':
				switch (transitionType) {
					case Transition.AndroidTransitionType.enter:
						translationValues[0] = -screenHeight();
						translationValues[1] = 0;
						break;
					case Transition.AndroidTransitionType.exit:
						translationValues[0] = 0;
						translationValues[1] = screenHeight();
						break;
					case Transition.AndroidTransitionType.popEnter:
						translationValues[0] = screenHeight();
						translationValues[1] = 0;
						break;
					case Transition.AndroidTransitionType.popExit:
						translationValues[0] = 0;
						translationValues[1] = -screenHeight();
						break;
				}
				break;
		}

		let prop;

		if (this._direction === 'left' || this._direction === 'right') {
			prop = 'translationX';
		} else {
			prop = 'translationY';
		}

		const animator = android.animation.ObjectAnimator.ofFloat(null, prop, translationValues);
		const duration = this.getDuration();
		if (duration !== undefined) {
			animator.setDuration(duration);
		}
		animator.setInterpolator(this.getCurve());

		const animatorSet = new android.animation.AnimatorSet();
		animatorSet.play(animator);
		return animatorSet;
	}

	public toString(): string {
		return `${super.toString()} ${this._direction}`;
	}
}