Superposiciones

Organiza tus páginas con colecciones Guarda y categoriza el contenido según tus preferencias.

Una superposición es una vista enfocada que debe manejar tareas que son demasiado complejas para una complicación, una tarjeta o una notificación. Las superposiciones son envolventes. En algunos aspectos, son similares a la interfaz de usuario principal de una app para dispositivos móviles, pero tienen algunas diferencias.

Otras plataformas (tarjetas, complicaciones y notificaciones) que realizan tareas simples suelen vincularse a una superposición para permitir que los usuarios realicen tareas más complejas.

overlay-flow

Revisa los siguientes principios y casos de uso para comprender mejor las superposiciones.

Principios de UX para una superposición

Ten en cuenta los siguientes principios para diseñar superposiciones:

Enfoque
Enfoca las superposiciones en tareas esenciales para ayudar a que los usuarios realicen tareas en segundos a fin de evitar molestias ergonómicas o dolor de brazo.
Superficial y lineal
Evita las jerarquías de más de dos niveles. Muestra navegación integrada.
Desplazamiento
Las vistas pueden desplazarse. Este es un gesto natural para que los usuarios vean más contenido en el reloj.

Cuándo usar una superposición

Usa superposiciones en las siguientes situaciones:

Para brindar información adicional
Enfoca las superposiciones en tareas esenciales para ayudar a las personas a realizar tareas en segundos a fin de evitar molestias ergonómicas o dolor de brazo.
overlay-focus
Para interacciones más enriquecidas
Permite proporcionar una interacción más completa que una complicación o una tarjeta.
overlay-rich
Para ajustar preferencias
Permite otorgar acceso a información y preferencias.
overlay-pref

Cómo crear una superposición

Wear OS admite dos formas distintivas de crear una superposición:

Si estás compilando una nueva app para Wear OS, procura implementar tu superposición con Compose para Wear OS.

En la mayoría de los casos, las IUs basadas en Compose generan menos código y aceleran el proceso de desarrollo de apps para Android en su totalidad. Consulta Por qué Compose para obtener más información sobre las ventajas generales de un framework de IU declarativo.

El catálogo de Material de Compose para Wear OS sigue el estilo de Material y también implementa sus temas, lo que te permite personalizar el diseño de tu marca. Compose para Wear OS ofrece más componentes de los que están disponibles con elementos View y está diseñado para ayudarte a crear experiencias del usuario que cumplan con los lineamientos de diseño de Wear OS.

Si tu app para Wear OS tiene una gran base de código con elementos View, puedes adoptar gradualmente Compose con las APIs de interoperabilidad de Compose, en lugar de tener que volver a escribir la base de código completa.

Guías para crear superposiciones

Cómo usar la biblioteca de la IU de Wear
Descubre cómo importar la biblioteca de la IU de Wear y las clases principales.
Cómo controlar diferentes formas de reloj
Descubre cómo crear diseños que se vean bien en dispositivos Wear OS, tanto redondos como cuadrados o rectangulares.
Pantallas individuales, contenedores verticales y otras opciones de pantalla
Aprende a crear los diseños de IU más comunes para las superposiciones.
Cómo crear listas
Descubre cómo crear listas optimizadas para dispositivos wearables.
Navegación
Descubre cómo crear tu app para Wear OS.
Cómo salir de actividades de pantalla completa
Descubre cómo salir de las actividades en pantalla completa.
Cómo mostrar confirmaciones
Descubre cómo mostrar animaciones de confirmación cuando los usuarios completan acciones.
Modo ambiente
Descubre cómo mantener las apps visibles.
Bocina
Descubre cómo controlar el sonido en Wear OS.