Descripción general de la compatibilidad de pantalla

Android se ejecuta en diferentes dispositivos con diferentes tamaños de pantalla y densidad de píxeles. El sistema realiza ajustes y cambios de tamaño básicos para adaptar tu interfaz de usuario a diferentes pantallas, pero hay maneras de ayudar a que tu IU se adapte mejor a cada tipo de pantalla.

Figura 1: Android se ejecuta en dispositivos diferentes con pantallas y densidades de píxeles diferentes.

En esta página, se proporciona una descripción general de las funciones disponibles en Android para ayudar a que tu app se adapte según corresponda. Si quieres obtener instrucciones más específicas sobre cómo compilar tu app para diferentes variaciones de pantalla, consulta la siguiente documentación:

Tamaños de pantalla

El tamaño de la pantalla es el espacio visible para la IU de tu app. El tamaño de la pantalla, como tu app reconoce, no es el tamaño real de la pantalla del dispositivo. Las apps deben tener en cuenta la orientación de la pantalla, las decoraciones del sistema (como la barra de navegación) y los cambios en la configuración de la ventana, como cuando el usuario habilita el modo multiventana.

Diseños flexibles

De forma predeterminada, Android modifica el tamaño del diseño de tu app para ajustarlo a la pantalla actual. A fin de ayudar a que tu diseño cambie de tamaño bien para pequeñas variaciones en el tamaño de pantalla, implementa tu diseño teniendo en cuenta la flexibilidad. No codifiques la posición ni el tamaño de los componentes de la IU. En cambio, permite que los tamaños de las vistas se extiendan y especifiquen posiciones de vista en relación con la vista superior o con otras vistas secundarias, de modo que el orden deseado y los tamaños relativos permanezcan iguales a medida que crece el diseño.

Para obtener más información sobre diseños flexibles, consulta Diseño responsivo.

Diseños alternativos

Un diseño flexible es importante, pero también debes crear diferentes diseños que optimicen la experiencia del usuario para el espacio disponible en diferentes dispositivos. Android te permite proporcionar archivos de diseño alternativos que el sistema aplica en el tiempo de ejecución en función del tamaño de la pantalla del dispositivo actual.

Figura 2: La misma app usa un diseño diferente para distintos tamaños de pantalla.

Para obtener información sobre cómo crear diseños alternativos, consulta Diseño adaptable.

Imágenes estirables

Dado que el diseño debe estirarse para adaptarse a la pantalla actual, también debes hacer lo mismo con los mapas de bits que adjuntes a cualquiera de las vistas de diseño. Sin embargo, estirar un mapa de bits común en direcciones arbitrarias puede generar imágenes sesgadas y artefactos de escalamiento extraños.

Para solucionar este problema, Android admite mapas de bits de NinePatch, en los que se especifican pequeñas regiones de píxeles que se pueden estirar, mientras que el resto de la imagen permanece sin ajustar.

Para obtener más información sobre los mapas de bits de NinePatch, consulta Elementos de diseño de NinePatch.

Densidades de píxeles

La densidad de píxeles es la cantidad de píxeles dentro de un área física de la pantalla. Se denomina DPI (puntos por pulgada). Esto es diferente de la resolución de la pantalla, que es la cantidad total de píxeles en una pantalla.

Figura 3: Representación exagerada de dos dispositivos del mismo tamaño, pero con diferentes densidades de píxeles.

Independencia de la densidad

Tu app alcanza la "independencia de la densidad" cuando preserva el tamaño físico (desde el punto de vista del usuario) del diseño de la IU cuando se muestra en pantallas con diferentes densidades de píxeles, como se muestra en la figura 3. Es importante mantener la independencia de la densidad, ya que, sin ella, un elemento de la IU, como un botón, podría parecer más grande en una pantalla de baja densidad y más pequeño en una de alta densidad.

Para ayudarte a lograr la independencia de la densidad, Android proporciona el píxel independiente de la densidad (dp o dip) como una unidad de medida que usas en lugar de los píxeles (px).

Para obtener más información sobre los píxeles independientes de la densidad, consulta Cómo usar píxeles independientes de la densidad.

Mapas de bits alternativos

Para que tus imágenes se vean lo mejor posible en todas las pantallas, proporciona mapas de bits alternativos que coincidan con la densidad de cada pantalla. Si tu app proporciona mapas de bits solo para pantallas de menor densidad, Android los aumenta cuando se muestra en una pantalla de alta densidad para que las imágenes ocupen el mismo espacio físico en la pantalla. Esto puede provocar artefactos de escalamiento visibles en los mapas de bits. Por lo tanto, tu app debe incluir mapas de bits alternativos a una resolución más alta.

Para obtener información sobre cómo proporcionar mapas de bits alternativos, consulta Cómo proporcionar mapas de bits alternativos.

Gráficos vectoriales

Para tipos de imágenes simples, como los íconos, puedes evitar crear imágenes separadas para cada densidad mediante el uso de gráficos vectoriales. Debido a que los gráficos vectoriales definen la ilustración con trazados de líneas geométricas en lugar de píxeles, se pueden dibujar en cualquier tamaño sin artefactos de escalamiento.

Para obtener más información sobre cómo usar gráficos vectoriales, consulta Cómo priorizar gráficos vectoriales.

Wear OS, TV, Auto y ChromeOS

Las recomendaciones anteriores se aplican a todos los factores de forma de Android, pero si quieres compilar una app para Wear OS, Android TV, Android Auto o dispositivos ChromeOS, debes seguir trabajando.

Cada uno de estos tipos de dispositivos tiene su propio modelo de interacción con el usuario, al que tu app debe admitir. En algunos casos, como el de Wear OS, debes repensar la experiencia del usuario de tu app y compilar una app especializada para ese dispositivo. Por otro lado, para admitir dispositivos ChromeOS, como Google Pixelbook, es posible que solo necesites pequeñas modificaciones en tu app existente para que admita la interacción con el teclado o el mouse y una pantalla más grande.

Para admitir estos dispositivos, consulta la siguiente documentación:

Dispositivos plegables

Los dispositivos plegables suelen tener varias pantallas, con diferentes pantallas (o combinaciones de ellas) que se activan para diferentes estados del plegado del dispositivo. Sigue los lineamientos que se indican en este documento para hacer que tu app se adapte a esas configuraciones cambiantes. Sin embargo, algunas configuraciones pueden tener relaciones de aspecto inusuales. Por lo tanto, prueba cómo se comporta tu app en una variedad de dispositivos.

Figura 4: Plegado y desplegado

Por lo general, una app que funciona bien en el modo multiventana para varios tamaños de ventana también se comporta bien en dispositivos plegables.

Si quieres obtener más información para compilar apps para dispositivos plegables, consulta Más información sobre dispositivos plegables.

Incompatibilidad con la pantalla

Si bien el framework y las herramientas de Android brindan todo lo que necesitas para que las apps estén disponibles para todas las configuraciones de pantalla, puedes decidir que no quieres que tu app esté disponible en algunas configuraciones de pantalla debido a una incompatibilidad. En este caso, puedes declarar la compatibilidad de pantalla restringida.