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 of255
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
, orALL
.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:
Gyro
Launch
Localization
ScreenReader
Transform
Thumbnail
- this is strongly recommended.Variant