PartAnimatedImage

A PartAnimatedImage contains an animated element that appears on the watch face. The PartAnimatedImage determines where on the watch face the animated element appears, and the inner elements determine the specific animated resource which plays.

Syntax

<PartAnimatedImage x="integer" y="integer" width="integer" height="integer"
          name="string" angle="integer" pivotX="integer" pivotY="integer"
          alpha="integer" renderMode="SOURCE | MASK | ALL"
          tintColor="argb-color | rgb-color">
    <AnimationController ... />
    <!-- One possible inner element is shown. -->
    <AnimatedImage ... />
    <!-- The Thumbnail inner element is optional, but strongly recommended for performance. -->
    <Thumbnail ... />
    ...
</PartAnimatedImage>

Attributes

The PartAnimatedImage element has the following attributes:

Required attributes

The following attributes are required:

x, y, width, height
A collection of integers that specify the element's size and position.

Optional attributes

The following attributes are optional:

pivotX, pivotY
A two-dimensional pivot point about which the element rotates. Both values are floating-point numbers that are scaled to fit in the range $ [0, 1] $.
angle
A number of degrees, clockwise, that the element should be rotated about its pivot point.
alpha
Set the level of transparency that this element should have. A value of 0 indicates that the element should be completely transparent. A value of 255 indicates that the element should be completely opaque.
scaleX
The horizontal scaling factor to apply to this element.
scaleY
The vertical scaling factor to apply to this element.
renderMode
The element's render mode type. Possible values are: SOURCE (default), MASK, or ALL.
tintColor
Apply a tint color filter to the element. You must specify the color using either the ARGB format (#ff000000 = opaque black) or the RGB format (#000000 = black).

Inner elements

Each PartAnimatedImage element must contain a single AnimationController inner element and one of the following inner elements:

Optionally, the PartAnimatedImage element can also contain the following elements: