javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-11-05 13:26:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: format

Browse Source
This commit is contained in:
Nathan Walker
2020-07-05 14:57:06 -07:00
parent 8f2900ad0b
commit da3c0b973d
379 changed files with 71587 additions and 54582 deletions
Download Patch File Download Diff File Expand all files Collapse all files

161
nativescript-core/ui/animation/index.d.ts vendored
View File

@@ -6,68 +6,68 @@ import { PercentLength } from "../styling/style-properties";
* Defines animation options for the View.animate method.
*/
export interface AnimationDefinition {
/**
* The view whose property is to be animated.
*/
target?: View;
/**
* The view whose property is to be animated.
*/
target?: View;
/**
* Animates the opacity of the view. Value should be a number between 0.0 and 1.0
*/
opacity?: number;
/**
* Animates the opacity of the view. Value should be a number between 0.0 and 1.0
*/
opacity?: number;
/**
* Animates the backgroundColor of the view.
*/
backgroundColor?: Color;
/**
* Animates the backgroundColor of the view.
*/
backgroundColor?: Color;
/**
* Animates the translate affine transform of the view.
*/
translate?: Pair;
/**
* Animates the translate affine transform of the view.
*/
translate?: Pair;
/**
* Animates the scale affine transform of the view.
*/
scale?: Pair;
/**
* Animates the scale affine transform of the view.
*/
scale?: Pair;
/**
* Animates the height of a view.
*/
height?: PercentLength | string;
/**
* Animates the height of a view.
*/
height?: PercentLength | string;
/**
* Animates the width of a view.
*/
width?: PercentLength | string;
/**
* Animates the width of a view.
*/
width?: PercentLength | string;
/**
* Animates the rotate affine transform of the view. Value should be a number specifying the rotation amount in degrees.
*/
rotate?: number | Point3D;
/**
* Animates the rotate affine transform of the view. Value should be a number specifying the rotation amount in degrees.
*/
rotate?: number | Point3D;
/**
* The length of the animation in milliseconds. The default duration is 300 milliseconds.
*/
duration?: number;
/**
* The length of the animation in milliseconds. The default duration is 300 milliseconds.
*/
duration?: number;
/**
* The amount of time, in milliseconds, to delay starting the animation.
*/
delay?: number;
/**
* The amount of time, in milliseconds, to delay starting the animation.
*/
delay?: number;
/**
* Specifies how many times the animation should be played. Default is 1.
* iOS animations support fractional iterations, i.e. 1.5.
* To repeat an animation infinitely, use Number.POSITIVE_INFINITY
*/
iterations?: number;
/**
* Specifies how many times the animation should be played. Default is 1.
* iOS animations support fractional iterations, i.e. 1.5.
* To repeat an animation infinitely, use Number.POSITIVE_INFINITY
*/
iterations?: number;
/**
* An optional animation curve. Possible values are contained in the [AnimationCurve enumeration](../modules/_ui_enums_.animationcurve.html).
* Alternatively, you can pass an instance of type UIViewAnimationCurve for iOS or android.animation.TimeInterpolator for Android.
*/
curve?: any;
/**
* An optional animation curve. Possible values are contained in the [AnimationCurve enumeration](../modules/_ui_enums_.animationcurve.html).
* Alternatively, you can pass an instance of type UIViewAnimationCurve for iOS or android.animation.TimeInterpolator for Android.
*/
curve?: any;
}
/**
@@ -75,29 +75,35 @@ export interface AnimationDefinition {
* Possible values are numeric values from 0 to 1
*/
export class CubicBezierAnimationCurve {
public x1: number;
public y1: number;
public x2: number;
public y2: number;
public x1: number;
public y1: number;
public x2: number;
public y2: number;
constructor(x1: number, y1: number, x2: number, y2: number);
constructor(x1: number, y1: number, x2: number, y2: number);
}
/**
* Defines a key-value pair for css transformation
*/
export type Transformation = {
property: TransformationType;
value: TransformationValue;
property: TransformationType;
value: TransformationValue;
};
/**
* Defines possible css transformations
*/
export type TransformationType =
"rotate" | "rotateX" | "rotateY" |
"translate" | "translateX" | "translateY" |
"scale" | "scaleX" | "scaleY";
| "rotate"
| "rotateX"
| "rotateY"
| "translate"
| "translateX"
| "translateY"
| "scale"
| "scaleX"
| "scaleY";
/**
* Defines possible css transformation values
@@ -108,30 +114,30 @@ export type TransformationValue = Point3D | Pair | number;
* Defines a point in 3d space (x, y and z) for rotation in 3d animations.
*/
export interface Point3D {
x: number;
y: number;
z: number;
x: number;
y: number;
z: number;
}
/**
* Defines a pair of values (horizontal and vertical) for translate and scale animations.
*/
export interface Pair {
x: number;
y: number;
x: number;
y: number;
}
/**
* Defines full information for css transformation
*/
export type TransformFunctionsInfo = {
translate: Pair,
rotate: Point3D,
scale: Pair,
}
translate: Pair;
rotate: Point3D;
scale: Pair;
};
export interface Cancelable {
cancel(): void;
cancel(): void;
}
/**
@@ -143,11 +149,14 @@ export type AnimationPromise = Promise<void> & Cancelable;
* Defines a animation set.
*/
export class Animation {
constructor(animationDefinitions: Array<AnimationDefinition>, playSequentially?: boolean);
public play: (resetOnFinish?: boolean) => AnimationPromise;
public cancel: () => void;
public isPlaying: boolean;
public _resolveAnimationCurve(curve: any): any;
constructor(
animationDefinitions: Array<AnimationDefinition>,
playSequentially?: boolean
);
public play: (resetOnFinish?: boolean) => AnimationPromise;
public cancel: () => void;
public isPlaying: boolean;
public _resolveAnimationCurve(curve: any): any;
}
export function _resolveAnimationCurve(curve: any): any;