Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Les cartes permettent d'accéder rapidement aux informations et aux actions dont les utilisateurs ont besoin pour effectuer une tâche. Le carrousel de cartes s'affiche en faisant glisser votre doigt sur le cadran. Des gestes supplémentaires permettent de passer d'une carte à l'autre. Les cartes elles-mêmes ne peuvent pas être faites défiler.
Les utilisateurs peuvent choisir les cartes qu'ils souhaitent voir. Il existe des cartes pour consulter la météo, régler un minuteur, suivre l'activité physique effectuée dans la journée, démarrer rapidement une séance de sport, lancer la lecture d'un titre musical, vérifier les infos d'une réunion et envoyer un message à un contact favori.
Figure 1: Les cartes permettent aux utilisateurs d'accéder à des informations et à des actions.
Au lieu d'utiliser Compose (ou Views), les cartes sont définies de manière déclarative à l'aide des bibliothèques protolayout et tiles de Jetpack. Étant donné que les cartes sont affichées dans un environnement distinct et distant, elles nécessitent des approches différentes pour charger, afficher et mettre à jour les données qu'elles contiennent. Leur simplicité permet de les créer, de les tester et de les déployer facilement.
Principes de base
Wear OS vous permet d'afficher une petite quantité d'informations clés que les utilisateurs peuvent lire après avoir regardé une carte pendant quelques secondes. Pour offrir cette expérience de haute qualité aux utilisateurs, suivez ces bonnes pratiques:
Évitez de surcharger les cartes avec trop de contenu. Permettez plutôt aux utilisateurs d'appuyer sur les cartes pour en savoir plus et effectuer une action sur une autre surface de votre application. Consultez la section Inclure au moins un conteneur.
Définissez de manière déclarative la mise en page et le contenu de votre carte. Le système est responsable du rendu final.
N'extrayez pas le contenu trop fréquemment et ne lancez pas de tâches asynchrones de longue durée dans votre service de cartes. Pour effectuer des tâches pouvant prendre un certain temps (comme des appels réseau), utilisez WorkManager pour planifier les tâches en arrière-plan et mettre en cache ou stocker les résultats dans un espace de stockage local.
Recommandations personnalisées
Remarque : Le texte du lien s'affiche lorsque JavaScript est désactivé
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).
[null,null,["Dernière mise à jour le 2025/07/27 (UTC)."],[],[],null,["# Tiles provide quick access to the information and actions users need to get\nthings done. The tiles carousel is revealed by a swipe on the watch face, and\nadditional swipes will switch between tiles. Tiles themselves cannot be\nscrolled.\n\nUsers can choose what tiles they want to see. There are tiles to check the\nweather, set a timer, track daily fitness progress, quick-start a workout, play\na song, scan an upcoming meeting, and send a message to a favorite contact.\n**Figure 1.**: Tiles give users access to information and actions.\n\nInstead of using [Compose](/compose) (or [Views](/develop/ui/views/layout/declaring-layout)), Tiles are defined declaratively\nusing Jetpack's [protolayout](/jetpack/androidx/releases/wear-protolayout) and [tiles](/jetpack/androidx/releases/wear-tiles) libraries. Because Tiles are\nrendered in a separate, remote environment, they require different approaches to\nload, display, and update data within them. Their simplicity makes them\nstraightforward to build, test, and deploy.\n\nCore principles\n---------------\n\nWear OS provides tiles as a way for you to show a small amount of key\ninformation, which users can read through after they glance at a tile for a few\nseconds. To provide this high-quality experience for users, follow these best\npractices:\n\n- Don't overcrowd tiles with too much content. Instead, allow users to tap on tiles to learn more and take action on another surface in your app. See [Include (at least) one container](/design/ui/wear/guides/surfaces/tiles/bestpractices#include_at_least_one_container).\n- Declaratively define your tile's layout and content. The system is responsible for the final rendering.\n- Don't fetch content frequently or start long-running asynchronous work in your tile service. To perform work which may take some time to complete---such as network calls---use [WorkManager](/topic/libraries/architecture/workmanager/how-to/define-work#expedited) to schedule background tasks, and cache or store the results in local storage.\n\nRecommended for you\n-------------------\n\n- Note: link text is displayed when JavaScript is off\n- [Show dynamic updates in tiles](/training/wearables/tiles/dynamic)\n- [Migrate to ProtoLayout namespaces](/training/wearables/tiles/migrate-to-protolayout)"]]
