This custom command allows a transition between multiple RGB values of the properties "color" and "backgroundColor".

Just copy the "AnimateColorSequence" command into your APL document and use it like this:

{
  "type": "Text",
  "text": "MyText",
  "id": "myTextId",
  "onMount": [
    {
      "type": "AnimateColorSequence",
      "componentId": "myTextId",
      "sequence": [[255, 0, 0], [255, 127, 0], [255, 255, 0], [0, 255, 0]]
    }
  ]
}

AnimateColorSequence supports the following properties:

PropertyTypeDefaultDescription
propertyStringcolorThe name of the property to set. Must be either color or backgroundColor.
componentIdStringSELFThe id of the component.
durationInteger400The duration of the animation (in milliseconds)
intervalInteger60The update interval (in milliseconds)
repeatCountInteger0Number of times to repeat. If set to -1, the animation will repeat forever.
sequenceArrayREQUIREDThe RGB values.
DownloadOpen in Editor
2
Views69
0
Likes2
Share
Supported Viewport Profiles
  • Mobile Portrait, Small
  • Mobile Landscape, Medium
  • Mobile Landscape, Large
  • Hub Round
  • Hub Landscape, Small
  • Hub Landscape, Medium
  • Hub Landscape, Large
  • TV Fullscreen
Minimum required APL version1.4
Comments

Be the first to comment.