Prepare-se para todos os tamanhos de tela
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
Uma barra de qualidade mínima para experiências em todos os tamanhos de tela no Wear OS
A primeira etapa na criação de um ótimo app para Wear OS é preparar o app
para todos os tamanhos de tela. Isso significa testar o app em vários tamanhos
de tela e identificar e corrigir bugs óbvios.
Nessa fase, o layout do app pode não ser o ideal, mas ele não tem
problemas visuais ou de interação óbvios, e os usuários podem concluir todos os fluxos de tarefas.
Problemas comuns que você deve verificar
- Problemas com as margens superior, inferior ou lateral
- Clipe de texto, botões ou outros componentes
- Adaptação incorreta de componentes
- Escalonamento inconsistente de elementos da interface
check_circle
Prática recomendada
Verifique se o app não tem bugs óbvios nos tamanhos de tela.
cancel
Cuidado com
- Alinhamentos ou espaçamentos inadequados.
- Escalonamento
proporcional do conteúdo da interface.
Próxima etapa: responsivo e otimizado
Apps responsivos e otimizados usam layouts responsivos que
se adaptam automaticamente a diferentes tamanhos de tela, oferecendo mais valor aos
usuários e proporcionando uma experiência produtiva e envolvente.
Introdução
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-27 UTC.
[null,null,["Última atualização 2025-07-27 UTC."],[],[],null,["# Be ready for all screen sizes\n\nA minimum quality bar for experiences across all screen sizes on Wear OS\n------------------------------------------------------------------------\n\nThe **first** step in creating a great app for Wear OS is making your app ready\nfor all screen sizes. This means testing your app across a range of target\nscreen sizes and identifying and fixing any obvious bugs.\n\nAt this stage, your app's layout might not be ideal, but the app doesn't have\nobvious visual or interaction issues, and users can complete all task flows.\n\n\nCommon issues to look out for\n-----------------------------\n\n- Issues with top, bottom, and or side margins\n- Clipping of text, buttons, or other components\n- Improper component adaptation\n- Inconsistent scaling of UI elements\n\ncheck_circle\n\n### Best practice\n\nCheck to make sure your app has no obvious bugs across screen sizes. \ncancel\n\n### Watch out for\n\n- Awkward alignments or spacing.\n- Proportionally scaling up the UI contents.\n\nNext step: responsive and optimized\n-----------------------------------\n\nApps that are **responsive and optimized** utilize responsive layouts that\nautomatically adapt to different screen sizes, offering some additional value to\nusers and providing a productive, engaging user experience.\n\n[Get started](/design/ui/wear/guides/foundations/larger-screens-optimized)"]]
