Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Las tarjetas brindan acceso rápido a la información y las acciones que los usuarios necesitan para realizar tareas. Si deslizas el dedo por la cara de reloj, se revelará el carrusel de tarjetas, y si lo haces de nuevo, cambiarás entre las tarjetas. No se puede desplazar por las tarjetas.
Los usuarios pueden elegir las tarjetas que quieren ver. Hay tarjetas para consultar el clima, establecer un temporizador, hacer un seguimiento del progreso diario del entrenamiento, iniciar rápidamente un entrenamiento, reproducir una canción, consultar una reunión próxima y enviar un mensaje a un contacto favorito.
Figura 1.: Las tarjetas les brindan a los usuarios acceso a información y acciones.
En lugar de usar Compose (o Views), las tarjetas se definen de forma declarativa con las bibliotecas de protolayout y tiles de Jetpack. Debido a que las tarjetas se renderizan en un entorno remoto y separado, requieren diferentes enfoques para cargar, mostrar y actualizar los datos en ellas. Su simplicidad hace que sean fáciles de compilar, probar e implementar.
Principios básicos
Wear OS proporciona tarjetas como una forma de mostrar una pequeña cantidad de información clave, que los usuarios pueden leer después de mirar una tarjeta durante algunos segundos. Para proporcionar a los usuarios esta experiencia de alta calidad, sigue estas prácticas recomendadas:
No satures las tarjetas con demasiado contenido. En su lugar, permite que los usuarios presionen las tarjetas para obtener más información y realizar acciones en otra plataforma de tu app. Consulta Incluye (al menos) un contenedor.
Define de forma declarativa el diseño y el contenido de tu tarjeta. El sistema es responsable de la renderización final.
No recuperes contenido con frecuencia ni inicies trabajos asíncronos de larga duración en tu servicio de tarjetas. Para realizar trabajos que pueden tardar en completarse, como las llamadas de red, usa WorkManager para programar tareas en segundo plano y almacenar los resultados en caché o en el almacenamiento local.
Recomendaciones para ti
Nota: El texto del vínculo se muestra cuando JavaScript está desactivado
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)
[null,null,["Última actualización: 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)"]]
