Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
Design adaptável é a prática de projetar layouts que se adaptam a pontos de interrupção e dispositivos específicos. Normalmente consideramos a largura do dispositivo para determinar onde o layout deve mudar ou se adaptar. A Web e o Android usam conceitos de design responsivo, como grades e imagens flexíveis, para criar layouts que respondem melhor ao contexto.
Para conferir diretrizes de design sobre como adaptar layouts a tamanhos de tela maiores, leia o guia para desenvolvedores Suporte a diferentes tamanhos de tela no Compose e a página Como aplicar layout do M3. Você também pode conferir a galeria canônica de telas grandes do Android para se inspirar e implementar layouts de telas grandes.
Embora nem todo app precise estar disponível para todos os tamanhos de tela, isso oferece mais liberdade para os usuários em relação a ergonomia, usabilidade e qualidade do app.
Você pode projetar telas principais (comunicar os conceitos essenciais ou seu app) com tamanhos de classe como pontos de interrupção para servir como diretrizes.
Ou crie conteúdo responsivo, anotando como ele deve ser
restringido, expandido ou refluído.
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-08-28 UTC.
[null,null,["Última atualização 2025-08-28 UTC."],[],[],null,["Adaptive design is the practice of designing layouts that adapt to specific\nbreakpoints and devices. Usually we consider the width of the device to\ndetermine where the layout should change, or adapt. Both Web and Android utilize\nresponsive design concepts, like flexible grids and images, to create layouts\nthat better respond to their context.\n\nFor design guidelines about adapting layouts to expanded screen sizes, read the\n[Support different screen sizes](/develop/ui/compose/layouts/adaptive/support-different-display-sizes) developers guide in Compose and the M3\n[Applying Layout](https://m3.material.io/foundations/layout/applying-layout/expanded) page. You can also check out the Android\n[large screen canonical](/guide/topics/large-screens/large-screen-canonical-layouts) gallery for inspiration and implementation of\nlarge screen layouts.\n\nAlthough not every app needs to be available on every screen size, it does allow\nyour users more freedom regarding ergonomics, usability, and app quality.\n\n- You can design key screens (communicate the essential concepts or your app) with class sizes as breakpoints to act as guidelines.\n- Or design content to act responsively by notating how content should be constrained, expand, or reflow.\n\nFor more on layouts, check out the [Material Design 3 (M3) Understanding layout\npage](https://m3.material.io/foundations/layout/understanding-layout/overview)."]]
