Cómo trabajar con imágenes
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
El uso de imágenes en la cara de reloj puede ayudar a darle vida, desde una imagen de fondo de pantalla completa hasta imágenes de detalles individuales para agregar interés.
Coloca tus recursos de imagen en la carpeta res/drawable, por ejemplo, res/drawable/face.png, y, luego, haz referencia a la imagen de la siguiente manera:
<PartImage x="100" y="100" width="250" height="250">
<Image resource="face"/>
</PartImage>
El elemento PartImage, al igual que otros contenedores en el Formato de Caras de Relojes, se puede modificar de muchas maneras, como escalar, rotar, transformar, teñir o enmascarar.
Consulta la referencia de PartImage para obtener más información.
Variar el fondo
Un efecto que puede ser interesante es cambiar el fondo cada hora.
Esto se puede lograr mediante el uso del elemento Images, por ejemplo:
<PartImage ...>
<Images change="ON_NEXT_HOUR">
<Image resource="background1"/>
<Image resource="background2"/>
...
</Images>
</PartImage>
El contenido y las muestras de código que aparecen en esta página están sujetas a las licencias que se describen en la Licencia de Contenido. Java y OpenJDK son marcas registradas de Oracle o sus afiliados.
Última actualización: 2025-07-27 (UTC)
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 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"]]
