Trabalhar com imagens
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
Usar imagens no mostrador do relógio pode ajudar a dar vida a ele, desde uma
imagem de plano de fundo em tela cheia até imagens de detalhes individuais para adicionar interesse.
Coloque seus recursos de imagem na pasta res/drawable, por exemplo,
res/drawable/face.png, e faça referência à imagem da seguinte maneira:
<PartImage x="100" y="100" width="250" height="250">
<Image resource="face"/>
</PartImage>
O elemento PartImage, assim como outros contêineres no formato de mostrador do relógio,
pode ser modificado de
várias maneiras, incluindo escala, rotação, transformação, matiz ou máscara.
Consulte a referência PartImage para mais informações.
Variar o plano de fundo
Um efeito que pode ser interessante é mudar o plano de fundo a cada hora.
Isso pode ser feito usando o elemento Images, por exemplo:
<PartImage ...>
<Images change="ON_NEXT_HOUR">
<Image resource="background1"/>
<Image resource="background2"/>
...
</Images>
</PartImage>
O conteúdo e os exemplos de código nesta página estão sujeitos às licenças descritas na Licença de conteúdo. Java e OpenJDK são marcas registradas da Oracle e/ou suas afiliadas.
Última atualização 2025-07-27 UTC.
[null,null,["Última atualização 2025-07-27 UTC."],[],[],null,["# Work with images\n\nUsing images in your watch face can really help bring it to life, from a\nfull-screen background image to individual detail images to add interest.\n\nPlace your image resources in the `res/drawable` folder, for example\n`res/drawable/face.png`, and then reference the image as follows: \n\n \u003cPartImage x=\"100\" y=\"100\" width=\"250\" height=\"250\"\u003e\n \u003cImage resource=\"face\"/\u003e\n \u003c/PartImage\u003e\n\nThe `PartImage` element, as with other containers in Watch Face Format,\ncan be modified in\nmany ways, including being scaled, rotated, transformed, tinted, or masked.\nSee the [`PartImage`](/training/wearables/wff/group/part/image/part-image) reference for more information.\n\n### Vary the background\n\nOne effect that can provide interest is to change the background every hour.\nThis can be achieved through the use of the `Images` element, for example: \n\n \u003cPartImage ...\u003e\n \u003cImages change=\"ON_NEXT_HOUR\"\u003e\n \u003cImage resource=\"background1\"/\u003e\n \u003cImage resource=\"background2\"/\u003e\n ...\n \u003c/Images\u003e\n \u003c/PartImage\u003e"]]
