Layouts comuns de design adaptável
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
Os layouts de design comuns, também conhecidos como layouts de design canônicos, são layouts de app
versáteis e comprovados que oferecem uma experiência do usuário ideal na ampla
variedade de tamanhos de tela disponíveis no Wear OS.
Use princípios de interface adaptativa e responsiva para oferecer a melhor experiência
de qualidade para todos. As interfaces adaptativas se estendem e mudam para aproveitar ao máximo
todo o espaço disponível na tela, não importa o tamanho da tela em que elas são renderizadas.
As interfaces adaptativas mudam de forma responsiva, usando componentes e métodos criados diretamente
na lógica do layout. Esses layouts também usam pontos de interrupção
de tamanho de tela, aplicando um design diferente em diferentes tamanhos de tela, para criar uma
experiência ainda mais rica para todos.
Usar layouts comuns estabelecidos
Use layouts canônicos estabelecidos para ajudar as interfaces a se adaptarem com facilidade em vários
tamanhos de dispositivo. Esses layouts canônicos oferecem uma experiência de alta qualidade
em todos os tamanhos de tela.
Blocos (layouts sem rolagem)
Os blocos são layouts de visualização sem rolagem que oferecem acesso rápido a informações
e ações necessárias para que os usuários realizem tarefas. Com um gesto de deslizar no mostrador do relógio,
o usuário pode acompanhar o progresso das metas de condicionamento físico, conferir
a previsão do tempo e muito mais. Inicie um app ou execute tarefas essenciais rapidamente nos blocos.
Apps (layouts de rolagem)
Os layouts de visualização de rolagem do app incluem listas (ScalingLazyColumn) e caixas de diálogo.
Esses layouts compõem a maioria das telas do app e representam uma
coleção de componentes que precisam se adaptar a tamanhos de tela maiores.
Apps (layouts sem rolagem)
Os layouts de visualização de apps não roláveis incluem players de mídia, seletores, comutadores, algumas
caixas de diálogo e telas especiais de condicionamento físico ou rastreamento que usam indicadores de progresso.
O conteúdo e os exemplos de código nesta página estão sujeitos às licenças descritas na Licença de conteúdo. Java e OpenJDK são marcas registradas da Oracle e/ou suas afiliadas.
Última atualização 2025-07-26 UTC.
[null,null,["Última atualização 2025-07-26 UTC."],[],[],null,["# Common adaptive design layouts\n\nCommon design layouts---also known as canonical design layouts---are proven,\nversatile app layouts that provide an optimal user experience on the wide\nvariety of screen sizes that are available with Wear OS.\n\nUse adaptive and responsive UI principles to deliver the highest quality\nexperience for everyone. Adaptive UIs stretch and change to make the most of\nall available screen space, no matter what size screen they're rendered on.\n\nAdaptive UIs change responsively, using components and methods built directly\ninto the layout logic. These layouts also utilize screen size\nbreakpoints---applying a different design on different screen sizes---to create an\neven richer experience for everyone.\n\nUse established common layouts\n------------------------------\n\nUse established canonical layouts to help your UIs adapt smoothly across a\nrange of device sizes. These canonical layouts offer a high quality experience\nacross all screen sizes.\n\n\n**Tiles (non-scrolling layouts)**\n\nTiles are non-scrolling view layouts which provide quick access to information\nand actions users need to get things done. With a swipe from the watch face, a\nuser can see how they are progressing towards their fitness goals, check the\nweather, and more. Launch an app or get essential tasks done quickly from tiles. \n\n**Apps (scrolling layouts)**\n\nScrolling app view layouts include lists (`ScalingLazyColumn`) and dialogs.\nThese layouts make up the majority of app screens, and they represent a\ncollection of components which need to adapt to larger screen sizes. \n\n**Apps (non-scrolling layouts)**\n\nNon-scrolling app view layouts include media players, pickers, switchers, some\ndialogs, and special fitness or tracking screens that use progress indicators.\n\n\u003cbr /\u003e"]]
