Windows Dev Center

TranslationAnimation.Control1 | control1 property

Gets the location of the first control point for the cubic Bézier curve that describes how the translation should animate over time.

Syntax


var control1 = translationAnimation.control1;

Property value

Type: Point

The location of the control point.

Remarks

The timing controls Control1 and Control2 specify the location of the first and second control points of a cubic Bézier curve. These two points have the same meaning as they do in the CSS transition-timing-functionproperty. Control point zero is always (0,0) and control point three is always (1,1). The coordinates of Control1 and Control2 are always in the range 0 to 1, inclusive.

On the resulting Bézier curve, the x-coordinate represents time and the y-coordinate represents progress. The raw curve from (0,0) to (1,1) is scaled to match the actual duration and range of the animated transition, such that x=0 is the starting time of the transform, x=1 is the ending time, y=0 is the initial value of the animated property, and y=1 is the final value. Values of x and y between 0 and 1 represent corresponding intermediate values of time and the animation.

Requirements (Windows 10 device family)

Device family

Desktop

API contract

Windows.UI.Core.AnimationMetrics.AnimationMetricsContract, introduced version 1.0

Namespace

Windows.UI.Core.AnimationMetrics
Windows::UI::Core::AnimationMetrics [C++]

Metadata

Windows.UI.Core.AnimationMetrics.AnimationMetricsContract.winmd

Requirements (Windows 8.x and Windows Phone 8.x)

Minimum supported client

Windows 8

Minimum supported server

Windows Server 2012

Minimum supported phone

None supported

Namespace

Windows.UI.Core.AnimationMetrics
Windows::UI::Core::AnimationMetrics [C++]

Metadata

Windows.winmd

See also

TranslationAnimation
Animation metrics sample

 

 

Show:
© 2015 Microsoft