• Animation
  • ParentAnimation
    • ParallelAnimation
    • SequenceAnimation
    • SelectionAnimation
      • ConditionAnimation
      • CaseAnimation
  • FadeAnimation
    • FadeInAnimation
    • FadeOutAnimation
      • PulseAnimation
  • PropertyAnimation
    • DiscreteAnimation
    • InterpolatedAnimation
      • ColorAnimation
      • LengthAnimation
      • MoveAnimation
      • ResizeAnimation
  • ScaleAnimation
  • Action
    • EnableAction
    • HideAction
    • StyleAction
    • OpacityAction
    • ScriptAction

LengthAnimation (inherits InterpolatedAnimation)

The LengthAnimation is identical to Sys.Extended.UI.Animation.InterpolatedAnimation except it adds a unit to the value before assigning it to the property.

Client properties

Name	Description
unit	Unit of the interpolated values. The default value is 'px'.

Client methods

Name	Description
constructor(target, duration, fps, property, propertyKey, startValue, endValue, unit)
getAnimatedValue(percentage)	Get the interpolated length value.

Client properties

unit

Unit of the interpolated values. The default value is 'px'.

Getter name: get_unit()Setter name: set_unit(value)

Client methods

constructor(target, duration, fps, property, propertyKey, startValue, endValue, unit)

Params:

• target

  • Type: Object
  • Description: Length of the animation in seconds. The default is 1.

• duration

  • Type: Number
  • Description: Length of the animation in seconds. The default is 1.

• fps

  • Type: Number
  • Description: Number of steps per second. The default is 25.

• property

  • Type: Object
  • Description: Property of the target element to set when animating.

• propertyKey

  • Type: Object
  • Description: optional key of the property to be set (which indicates the value property[propertyKey], like style['backgroundColor']). Note that for the style property, the key must be in a JavaScript friendly format (i.e. backgroundColor instead of background-color).

• startValue

  • Type: Object
  • Description: Start of the range of values.

• endValue

  • Type: Object
  • Description: End of the range of values.

• unit

  • Type: String
  • Description: Unit of the interpolated values. The default value is 'px'.

getAnimatedValue(percentage)

Get the interpolated length value.

Params:

• percentage
  • Type: Number
  • Description: Percentage of the animation already complete.