Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
El diseño adaptable es la práctica de crear diseños que se adapten a puntos de interrupción y dispositivos específicos. Por lo general, tenemos en cuenta el ancho del dispositivo para determinar dónde debería cambiar (o adaptarse) el diseño. Tanto la Web como Android utilizan conceptos de diseño responsivo, como imágenes y cuadrículas flexibles, para crear diseños que respondan mejor a su contexto.
Si bien no todas las apps necesitan estar disponibles en todos los tamaños de pantalla, hacerlo brinda mayor libertad a los usuarios en cuanto a ergonomía, usabilidad y calidad de la app.
Puedes diseñar pantallas clave (comunicar los conceptos esenciales o tu app) con tamaños de clase como puntos de interrupción para que actúen como guías.
También puedes diseñar contenido para que actúe de forma responsiva anotando cómo se debe restringir, expandir o reorganizar el contenido.
El contenido y las muestras de código que aparecen en esta página están sujetas a las licencias que se describen en la Licencia de Contenido. Java y OpenJDK son marcas registradas de Oracle o sus afiliados.
Última actualización: 2025-08-28 (UTC)
[null,null,["Última actualización: 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)."]]
