Work with images

Stay organized with collections Save and categorize content based on your preferences.

Using images in your watch face can really help bring it to life, from a full-screen background image to individual detail images to add interest.

Place your image resources in the res/drawable folder, for example res/drawable/face.png, and then reference the image as follows:

<PartImage x="100" y="100" width="250" height="250">
  <Image resource="face"/>
</PartImage>

The PartImage element, as with other containers in Watch Face Format, can be modified in many ways, including being scaled, rotated, transformed, tinted, or masked. See the PartImage reference for more information.

Vary the background

One effect that can provide interest is to change the background every hour. This can be achieved through the use of the Images element, for example:

<PartImage ...>
  <Images change="ON_NEXT_HOUR">
    <Image resource="background1"/>
    <Image resource="background2"/>
    ...
  </Images>
</PartImage>