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.


<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. -->
    <Thumbnail ... />


The PartAnimatedImage element must contain the following attributes:

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

The PartAnimatedImage element can optionally contain the following attributes:

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] $.
A number of degrees, clockwise, that the element should be rotated about its pivot point.
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.
The horizontal scaling factor to apply to this element.
The vertical scaling factor to apply to this element.
The element's render mode type. The default value for this element is SOURCE.
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 a Thumbnail inner element.