mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-08-14 18:12:09 +08:00
ac7f041dea
BREAKING CHANGE:
AndroidTransitionType is now a static member of the Transition class.
BEFORE:
```
import { AndroidTransitionType } from '@nativescript/core/ui/transition';
```
AFTER:
```
import { Transition } from '@nativescript/core';
Transition.AndroidTransitionType.enter; // etc.
```
105 lines
3.8 KiB
TypeScript
105 lines
3.8 KiB
TypeScript
import { Transition } from '.';
|
|
|
|
//http://developer.android.com/training/animation/cardflip.html
|
|
export class FlipTransition extends Transition {
|
|
private _direction: string;
|
|
|
|
constructor(direction: string, duration: number, curve: any) {
|
|
super(duration, curve);
|
|
this._direction = direction;
|
|
}
|
|
|
|
public createAndroidAnimator(transitionType: string): android.animation.AnimatorSet {
|
|
let objectAnimators;
|
|
let values;
|
|
let animator: android.animation.Animator; //android.animation.ObjectAnimator;
|
|
const animatorSet = new android.animation.AnimatorSet();
|
|
const fullDuration = this.getDuration() || 300;
|
|
const interpolator = this.getCurve();
|
|
const rotationY = this._direction === 'right' ? 180 : -180;
|
|
|
|
switch (transitionType) {
|
|
case Transition.AndroidTransitionType.enter: // card_flip_right_in
|
|
objectAnimators = Array.create(android.animation.Animator, 2);
|
|
|
|
values = Array.create('float', 2);
|
|
values[0] = rotationY;
|
|
values[1] = 0.0;
|
|
animator = <android.animation.Animator>android.animation.ObjectAnimator.ofFloat(null, 'rotationY', values);
|
|
animator.setInterpolator(interpolator);
|
|
animator.setDuration(fullDuration);
|
|
objectAnimators[0] = animator;
|
|
|
|
values = Array.create('float', 3);
|
|
values[0] = 0.0;
|
|
values[1] = 0.0;
|
|
values[2] = 255.0;
|
|
animator = <android.animation.Animator>android.animation.ObjectAnimator.ofFloat(null, 'alpha', values);
|
|
animator.setDuration(fullDuration / 2);
|
|
objectAnimators[1] = animator;
|
|
break;
|
|
case Transition.AndroidTransitionType.exit: // card_flip_right_out
|
|
objectAnimators = Array.create(android.animation.Animator, 2);
|
|
|
|
values = Array.create('float', 2);
|
|
values[0] = 0.0;
|
|
values[1] = -rotationY;
|
|
animator = <android.animation.Animator>android.animation.ObjectAnimator.ofFloat(null, 'rotationY', values);
|
|
animator.setInterpolator(interpolator);
|
|
animator.setDuration(fullDuration);
|
|
objectAnimators[0] = animator;
|
|
|
|
values = Array.create('float', 3);
|
|
values[0] = 255.0;
|
|
values[1] = 0.0;
|
|
values[2] = 0.0;
|
|
animator = <android.animation.Animator>android.animation.ObjectAnimator.ofFloat(null, 'alpha', values);
|
|
animator.setDuration(fullDuration / 2);
|
|
objectAnimators[1] = animator;
|
|
break;
|
|
case Transition.AndroidTransitionType.popEnter: // card_flip_left_in
|
|
objectAnimators = Array.create(android.animation.Animator, 2);
|
|
|
|
values = Array.create('float', 2);
|
|
values[0] = -rotationY;
|
|
values[1] = 0.0;
|
|
animator = <android.animation.Animator>android.animation.ObjectAnimator.ofFloat(null, 'rotationY', values);
|
|
animator.setInterpolator(interpolator);
|
|
animator.setDuration(fullDuration);
|
|
objectAnimators[0] = animator;
|
|
|
|
values = Array.create('float', 3);
|
|
values[0] = 0.0;
|
|
values[1] = 0.0;
|
|
values[2] = 255.0;
|
|
animator = <android.animation.Animator>android.animation.ObjectAnimator.ofFloat(null, 'alpha', values);
|
|
animator.setDuration(fullDuration / 2);
|
|
objectAnimators[1] = animator;
|
|
break;
|
|
case Transition.AndroidTransitionType.popExit: // card_flip_left_out
|
|
objectAnimators = Array.create(android.animation.Animator, 2);
|
|
|
|
values = Array.create('float', 2);
|
|
values[0] = 0.0;
|
|
values[1] = rotationY;
|
|
animator = <android.animation.Animator>android.animation.ObjectAnimator.ofFloat(null, 'rotationY', values);
|
|
animator.setInterpolator(interpolator);
|
|
animator.setDuration(fullDuration);
|
|
objectAnimators[0] = animator;
|
|
|
|
values = Array.create('float', 3);
|
|
values[0] = 255.0;
|
|
values[1] = 0.0;
|
|
values[2] = 0.0;
|
|
animator = <android.animation.Animator>android.animation.ObjectAnimator.ofFloat(null, 'alpha', values);
|
|
animator.setDuration(fullDuration / 2);
|
|
objectAnimators[1] = animator;
|
|
break;
|
|
}
|
|
|
|
animatorSet.playTogether(objectAnimators);
|
|
|
|
return animatorSet;
|
|
}
|
|
}
|