Sobreposições

Mantenha tudo organizado com as coleções Salve e categorize o conteúdo com base nas suas preferências.

Uma sobreposição é uma visualização focada que processa tarefas muito complexas para uma complicação, um bloco ou uma notificação. As sobreposições são imersivas. De certa forma, elas são semelhantes à interface do usuário principal de um app para dispositivos móveis. Use superfícies como blocos, complicações e notificações para realizar tarefas simples, mas vincule essas superfícies a uma sobreposição para realizar tarefas mais complexas.

overlay-flow

Consulte os princípios e casos de uso apresentados a seguir para entender melhor as sobreposições.

Princípios de UX para uma sobreposição

Ao criar uma sobreposição, lembre-se dos seguintes princípios:

Foco
Dê prioridade para tarefas essenciais que ajudem o usuário a executar ações em segundos para evitar desconforto ergonômico ou cansaço no braço.
Superficial e linear
Evite hierarquias com mais de dois níveis e mostre a navegação inline
Rolagem
É possível rolar as visualizações. Esse é um gesto natural que os usuários fazem para ver mais conteúdo no smartwatch.

Quando usar uma sobreposição

Use sobreposições nos seguintes casos:

Para mostrar mais informações
Dê prioridade para tarefas essenciais que ajudem os usuários a executar ações em segundos para evitar desconforto ergonômico ou cansaço no braço.
overlay-focus
Para interações mais complexas
Para apresentar uma interação mais complexa do que uma complicação ou um bloco.
overlay-rich
Para ajustar preferências
Para oferecer acesso a instruções e preferências.
overlay-pref

Como criar uma sobreposição

O Wear OS oferece duas maneiras diferentes de criar uma sobreposição:

Se você estiver criando um app Wear OS novo, considere usar o Compose para Wear OS para implementar as sobreposições. O Compose para Wear OS é nossa abordagem recomendada para criar apps no Wear OS.

Na maioria dos casos, as IUs do Compose precisam de menos código e aceleram todo o processo de desenvolvimento de apps Android. Consulte Por que usar o Compose para mais informações sobre as vantagens gerais de usar um framework de IU declarativa.

O catálogo do Compose Material para Wear OS segue o estilo do Material Design, inclui acessibilidade integrada e implementa temas do Material Design, o que permite personalizar o design da sua marca. O Compose para Wear OS traz mais componentes do que aqueles oferecidos pelas visualizações. Ele foi projetado para criar experiências do usuário que seguem os princípios de design do Wear OS.

Se você já tem um app para Wear OS que tem o código baseado principalmente em visualização, é possível adotar o Compose gradualmente, usando as APIs de interoperabilidade do Compose. Assim, você não vai precisar reprogramar toda a base de código.

Guias para criar apps com o Compose

Usar o Jetpack Compose no Wear OS
Aprenda a criar com o Compose para Wear OS.
Criar listas
Aprenda a criar listas otimizadas para dispositivos wearable.
Navegação com o Compose para Wear OS
Saiba mais sobre como criar a navegação no Compose.
Performance do Compose no Wear OS
Saiba mais sobre a performance e os testes de desempenho do seu app.