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.

These attributes are transformable.

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] $.

These attributes are transformable.

angle

A number of degrees, clockwise, that the element should be rotated about its pivot point.

This attribute is transformable.

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.

This attribute is transformable.

scaleX

The horizontal scaling factor to apply to this element.

This attribute is transformable.

scaleY

The vertical scaling factor to apply to this element.

This attribute is transformable.

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: