Superposiciones

Una superposición es una vista enfocada que maneja 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. Usa superficies como mosaicos, complicaciones y notificaciones para realizar tareas simples, pero vincula esas superficies en una superposición para realizar 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. Compose para Wear OS es nuestro enfoque recomendado para compilar apps en 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, incluye accesibilidad incorporada e implementa temas de Material, 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 apps con Compose

Cómo usar Jetpack Compose en Wear OS
Aprende a compilar con Compose para Wear OS.
Cómo crear listas
Descubre cómo crear listas optimizadas para dispositivos wearables.
Cómo navegar con Compose para Wear OS
Obtén más información para compilar la navegación en Compose.
Rendimiento de Compose en Wear OS
Obtén más información sobre el rendimiento y las pruebas del rendimiento de tu app.