@nativescript/core/ui/animation/animation-interfaces.d.ts

A JavaScript library providing an easy to use api for interacting with iOS and Android platform APIs.

import { View } from '../core/view';
import { CoreTypes } from '../../core-types';
import { Color } from '../../color';
export type Transformation = {
    property: TransformationType;
    value: TransformationValue;
};
export type TransformationType = 'rotate' | 'rotate3d' | 'rotateX' | 'rotateY' | 'translate' | 'translate3d' | 'translateX' | 'translateY' | 'scale' | 'scale3d' | 'scaleX' | 'scaleY';
export type TransformationValue = Point3D | Pair | number;
export interface Point3D {
    x: number;
    y: number;
    z: number;
}
export type TransformFunctionsInfo = {
    translate: Pair;
    rotate: Point3D;
    scale: Pair;
};
export interface AnimationPromise extends Promise<any>, Cancelable {
    then(...args: any[]): AnimationPromise;
    catch(...args: any[]): AnimationPromise;
}
export interface Pair {
    x: number;
    y: number;
}
export interface Cancelable {
    cancel(): void;
}
export interface PropertyAnimation {
    target: View;
    property: string;
    value: any;
    duration?: number;
    delay?: number;
    iterations?: number;
    curve?: any;
}
export interface PropertyAnimationInfo extends PropertyAnimation {
    _propertyResetCallback?: any;
    _originalValue?: any;
}
export interface AnimationDefinition {
    target?: View;
    opacity?: number;
    backgroundColor?: Color;
    translate?: Pair;
    scale?: Pair;
    height?: CoreTypes.PercentLengthType | string;
    width?: CoreTypes.PercentLengthType | string;
    rotate?: number | Point3D;
    duration?: number;
    delay?: number;
    iterations?: number;
    curve?: any;
}
export interface AnimationDefinitionInternal extends AnimationDefinition {
    valueSource?: 'animation' | 'keyframe';
}
export interface IOSView extends View {
    _suspendPresentationLayerUpdates(): any;
    _resumePresentationLayerUpdates(): any;
    _isPresentationLayerUpdateSuspended(): any;
}
/**
 * Defines a custom animation timing curve by using the cubic-bezier function.
 * Possible values are numeric values from 0 to 1
 */
export declare class CubicBezierAnimationCurve {
    x1: number;
    y1: number;
    x2: number;
    y2: number;
    constructor(x1: number, y1: number, x2: number, y2: number);
}