Junto con Android 12L, Google ha anunciado una serie de cambios que ayudan a los desarrolladores a crear aplicaciones optimizadas para dispositivos de pantalla grande.
Es un hecho bien conocido que la experiencia de Android en dispositivos de pantalla grande está lejos de ser perfecta. Aquellos que han usado una tableta Android en los últimos años estarán de acuerdo en que Android no se adapta bien a pantallas grandes. Los elementos de la interfaz de usuario hacen un mal uso de todo el espacio adicional de la pantalla y la mayoría de las aplicaciones no están optimizadas para el factor de forma. Google pretende cambiar eso con Android 12L. Para ayudar a los desarrolladores a preparar sus aplicaciones para la actualización, la compañía ha compartido nuevas herramientas y pautas.
En la Cumbre de desarrolladores de Android de hoy, Google anunció nuevas Pautas de diseño de materiales para ayudar a los desarrolladores a diseñar aplicaciones adaptables que se adapten bien a cualquier tamaño de pantalla. Las pautas cubren patrones de diseño comunes que prevalecen en el ecosistema para inspirar a los desarrolladores y ayudarlos a optimizar sus aplicaciones para que se comporten bien tanto en pantallas pequeñas como grandes. Además, las pautas describen cómo los desarrolladores pueden brindar la mejor experiencia de navegación posible en todos los tamaños de pantalla.
En una publicación de blog, Google señala: "Los patrones de navegación recomendados incluyen el uso de una barra de navegación para pantallas compactas y un riel de navegación para clases de dispositivos de ancho medio y mayores (600 dp+). Para dispositivos de ancho ampliado, hay varias ideas sobre diseños de pantalla más grandes dentro de nuestro recién lanzado Guía de diseño de materiales, como una estructura de lista/detalle, que se puede implementar utilizando Diseño del panel deslizante."
Agrega además, "Si bien actualizar el patrón de navegación y usar SlidingPaneLayout es una excelente manera de aplicar una pantalla grande diseño optimizado para una aplicación existente con fragmentos, sabemos que muchos de ustedes tienen aplicaciones basadas en múltiples actividades. Para esas aplicaciones, las nuevas API de incorporación de actividades lanzadas en Jetpack WindowManager 1.0 beta 03 facilitan la compatibilidad con nuevos paradigmas de interfaz de usuario, como una vista TwoPane".
Google también insta a los desarrolladores a utilizar el kit de herramientas Jetpack Compose para crear la interfaz de usuario de sus aplicaciones. La compañía explica que el uso de Jetpack Compose puede ayudar a los desarrolladores a optimizar fácilmente la interfaz de usuario, ya que toda la interfaz de usuario se describe en código. Esto facilita su ajuste al tamaño de pantalla disponible en tiempo de ejecución. Si está interesado en utilizar Jetpack Compose, puede consultar Google Cree diseños adaptables en la guía de redacción Para empezar.
API de WindowManager
Google ha introducido nuevas API de WindowManager para ayudar a los desarrolladores a crear interfaces de usuario responsivas que se ajusten a cualquier tamaño de pantalla. La biblioteca WindowManage proporciona una forma compatible con versiones anteriores de trabajar con Windows en su aplicación y crear una interfaz de usuario receptiva para todos los dispositivos. Incluye:
Incrustación de actividad
La incorporación de actividades ayuda a los desarrolladores a aprovechar el espacio de pantalla adicional en dispositivos de pantalla grande al mostrar múltiples actividades simultáneamente. Al utilizar la incrustación de actividades, los desarrolladores pueden definir cómo sus aplicaciones muestran las actividades (una al lado de la otra o apiladas) creando un archivo de configuración XML o realizando llamadas a la API Jetpack WindowManager. Google afirma que la incrustación de actividades funciona a la perfección en actividades de plegado, apilamiento y desapilamiento a medida que el dispositivo se pliega y despliega. Puede probar las API de incrustación de actividades en Jetpack WindowManager 1.0 Beta 03 y versiones posteriores.
Clases de tamaño de ventana
Las nuevas API WindowSizeClass definen un conjunto de puntos de interrupción de ventanas gráficas para ayudar a los desarrolladores a diseñar, desarrollar y probar diseños de aplicaciones redimensionables. Los puntos de interrupción de la clase de tamaño de ventana se dividen en tres categorías: compacto, medio y expandido. Estas categorías están diseñadas para equilibrar la simplicidad del diseño y ofrecer la flexibilidad de optimizar aplicaciones para la mayoría de los casos de uso. Las API WindowSizeClass estarán disponibles en Jetpack WindowManager 1.1.
Hacer que las aplicaciones se plieguen
WindowManager también ofrece una superficie API común para funciones de ventanas como pliegues y bisagras. Los desarrolladores pueden utilizar la API para crear aplicaciones con reconocimiento de pliegues que se adapten automáticamente para evitar pliegues y bisagras o aprovecharlos. Verificar esta guía para que tus aplicaciones se plieguen.
Cambios en Android Studio
Dispositivos de referencia
Google ha introducido cuatro nuevos dispositivos de referencia en Android Studio para ayudar a los desarrolladores a crear aplicaciones responsivas que se adapten a varios tamaños de pantalla. Estos dispositivos de referencia están disponibles en herramientas donde los desarrolladores diseñan, crean y prueban la interfaz de usuario y el diseño de sus aplicaciones. Los cuatro diseños de referencia representan teléfonos, grandes pantallas interiores plegables, tabletas y computadoras de escritorio. Los desarrolladores también pueden utilizar estos dispositivos de referencia para garantizar que sus aplicaciones funcionen en puntos de interrupción populares de WindowSizeClass.
Validación de diseño
Google está trabajando en una nueva herramienta en Ardilla de Android Studio para ayudar a los desarrolladores a identificar posibles problemas que afectan a los dispositivos de pantalla grande. La herramienta de linting visual muestra de forma proactiva advertencias y sugerencias de la interfaz de usuario en la validación de diseño y ayuda a los desarrolladores a identificar los dispositivos de referencia afectados.
Emulador redimensionable
Android Studio Chipmunk también trae un nuevo emulador de tamaño variable que ayuda a los desarrolladores a probar el escalado de la interfaz de usuario en tiempo de ejecución. El emulador de tamaño variable permite a los desarrolladores cambiar rápidamente entre los cuatro nuevos dispositivos de referencia y validar el diseño de la interfaz de usuario de su aplicación. Para usar el nuevo emulador de tamaño variable, cree un nuevo dispositivo virtual usando el Administrador de dispositivos en Android Studio y seleccione la definición de dispositivo de tamaño variable con Android 12L (nivel de API 32).
Google Play en pantallas grandes
Por último, Google también ha anunciado algunos cambios para Google Play en dispositivos de pantalla grande como tabletas y Chromebooks. La compañía ha agregado nuevos controles para evaluar la calidad de cada aplicación frente a las nuevas pautas de calidad de aplicaciones de pantalla grande. Google Play recomendará automáticamente aplicaciones que pasen esta evaluación en dispositivos de pantalla grande y mostrará una advertencia cuando una aplicación no esté optimizada para pantallas grandes. Además, Google introducirá clasificaciones de aplicaciones específicas para pantallas grandes en Play Store. Estos cambios se implementarán el próximo año.
Para obtener más información sobre los cambios orientados al usuario que se implementarán en Android 12L, consulte nuestra publicación de anuncio.