Utiliser des images
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
L'utilisation d'images dans votre cadran peut vraiment l'animer, qu'il s'agisse d'une image d'arrière-plan en plein écran ou d'images détaillées individuelles pour ajouter de l'intérêt.
Placez vos ressources image dans le dossier res/drawable
, par exemple res/drawable/face.png
, puis référencez l'image comme suit:
<PartImage x="100" y="100" width="250" height="250">
<Image resource="face"/>
</PartImage>
L'élément PartImage
, comme les autres conteneurs du format de cadran, peut être modifié de différentes manières, par exemple en étant mis à l'échelle, en étant pivoté, transformé, teinté ou masqué.
Pour en savoir plus, consultez la documentation de référence sur PartImage
.
Varier l'arrière-plan
Un effet qui peut susciter l'intérêt est de changer l'arrière-plan toutes les heures.
Pour ce faire, utilisez l'élément Images
, par exemple:
<PartImage ...>
<Images change="ON_NEXT_HOUR">
<Image resource="background1"/>
<Image resource="background2"/>
...
</Images>
</PartImage>
Le contenu et les exemples de code de cette page sont soumis aux licences décrites dans la Licence de contenu. Java et OpenJDK sont des marques ou des marques déposées d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/07/27 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 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"]]