Cómo comenzar a desarrollar para pantallas grandes

Las pantallas grandes amplían la experiencia del usuario. Las pantallas grandes de las tablets, los dispositivos plegables y los dispositivos Chrome OS permiten mostrar contenido de forma detallada, realizar varias tareas a la vez y arrastrar y soltar contenido de manera más productiva. Además, posibilitan las interfaces de usuario que no son posibles en pantallas pequeñas.

Diseña para todos los tamaños de pantalla

A fin de brindar compatibilidad con pantallas grandes y pequeñas, crea diseños responsivos y adaptables que brinden una experiencia del usuario óptima en dispositivos de todo tipo.

Familiarízate con lo siguiente para comenzar:

Clases de tamaño de ventana

Las clases de tamaño de ventana son un conjunto de puntos de interrupción de viewports bien definidos que te ayudan a implementar un diseño responsivo y adaptable. Usa las clases de tamaño de ventana a fin de categorizar el área de visualización disponible para tu app como compacta, mediana o expandida y, luego, aplica un diseño optimizado.

Consulta la sección de Clases de tamaño de ventana en Cómo brindar compatibilidad con diferentes tamaños de pantalla.

Navegación adaptable en las apps

En las pantallas pequeñas, una barra de navegación inferior funciona bien, pero en las pantallas grandes, un riel o un panel lateral de navegación hace un mejor uso del mayor espacio de pantalla. Adapta la navegación de tu app a los cambios en el tamaño de la pantalla.

Consulta la sección de Adaptación de componentes en Diseños de pantalla grande.

Controla los cambios de configuración y la continuidad

Los cambios de configuración, como las rotaciones del dispositivo, los cambios de tamaño de las ventanas en el modo multiventana y el plegado o el desplegado de un dispositivo plegable, pueden hacer que los usuarios pierdan contexto o, lo que es aún peor, que pierdan datos.

Asegúrate de que tu app retenga o restablezca su estado durante los cambios de configuración y reanude los procesos en curso, como la reproducción de contenido multimedia.

Consulta lo siguiente:

Admite las tareas múltiples

Las pantallas grandes facilitan las tareas múltiples. Los dispositivos Android permiten realizar varias tareas a la vez a través de los siguientes modos de visualización especiales:

  • Multiventana
  • Pantalla en pantalla
  • Instancias múltiples

Modo multiventana

Permite que la app se ejecute en el modo de pantalla dividida o en el de formato libre junto con otras apps.

Cuando la app está en el modo multiventana, usa la API de WindowMetrics para determinar con precisión el tamaño de la ventana de la app o el de la pantalla del dispositivo.

Consulta Compatibilidad con el modo multiventana.

Reanudación múltiple

A partir de Android 10 (nivel de API 29), las actividades no enfocadas permanecen en el estado REANUDADO cuando un dispositivo se encuentra en el modo multiventana.

Asegúrate de que tu app admita la reanudación múltiple. Para ello, continúa los procesos en curso, como la reproducción de contenido multimedia o la descarga de archivos, cuando la app no sea la principal. Tu app también debe controlar la pérdida de recursos exclusivos, como las cámaras y los micrófonos.

Consulta Ciclo de vida del modo multiventana en Compatibilidad con el modo multiventana.

Modo de pantalla en pantalla

Si tu app reproduce contenido de video, implementa el modo de pantalla en pantalla de forma que esta pueda continuar con la reproducción de video mientras el usuario interactúa con otra app.

Consulta Compatibilidad con pantalla en pantalla (PIP).

Modo de instancias múltiples

Ejecuta dos o más instancias de tu app al mismo tiempo mediante la compatibilidad con instancias múltiples.

Consulta Instancias múltiples en Compatibilidad con el modo multiventana.

Agrega la función de arrastrar y soltar

Las pantallas grandes proporcionan mucho espacio para las interacciones de arrastrar y soltar, dentro de una app o, en Android 7.0 (nivel de API 24) y versiones posteriores, entre apps en el modo multiventana.

Agrega la función de arrastrar y soltar a tu app con el framework de arrastrar y soltar de Android.

Consulta Cómo arrastrar y soltar.

Acepta entradas de dispositivos externos

Los usuarios suelen conectar un teclado externo a las tablets. Las Chromebooks incluyen teclados integrados y paneles táctiles.

Permite que tu app admita el uso de mouse, teclados y paneles táctiles externos. Incluye compatibilidad con combinaciones de teclas, las funciones de zoom y mouse en el panel táctil, y el clic con el botón derecho.

Consulta Compatibilidad de entrada en pantallas grandes.

Accesibilidad

Compila una app mejor, más inclusiva y compatible con las funciones de accesibilidad (a11y), como la navegación con las flechas del teclado y la tecla Tab.

Consulta Cómo compilar apps más accesibles.

Verifica la vista previa de la cámara

Si tu app incluye una vista previa de la cámara, revísala para obtener orientación y relación de aspecto en pantallas grandes. Los dispositivos plegables de pantalla grande pueden tener una relación de aspecto horizontal aunque el dispositivo se encuentre en orientación vertical. El modo multiventana (que facilitan las pantallas grandes) puede mostrar apps en orientación vertical en una ventana que cambia el tamaño cuando el dispositivo se encuentra en modo horizontal.

Consulta lo siguiente:

Administra la proyección de contenido multimedia

Una proyección de contenido multimedia crea una pantalla virtual basada en los límites de la pantalla real (origen). La pantalla real es la pantalla completa del dispositivo, incluso si este se encuentra en el modo multiventana y la app que crea la proyección de contenido multimedia se ejecuta en una ventana.

A fin de obtener los límites correctos para tu proyección de contenido multimedia de pantalla grande, usa la API de WindowMetrics que se introdujo en Android 11 (nivel de API 30) o, para compatibilidad hasta el nivel de API 14, la API de WindowMetrics de Jetpack WindowManager.

Consulta Proyección de contenido multimedia en pantallas grandes.

Extiende tu app con la incorporación de actividades

Aprovecha el área de visualización adicional de las pantallas grandes con la incorporación de actividades. Convierte tu app basada en actividades en diseños de varios paneles creando un archivo de configuración XML o haciendo llamadas a la API de Jetpack WindowManager. Muestra las actividades de la app una al lado de la otra o de forma apilada para crear el aspecto de una app totalmente nueva.

Consulta Incorporación de actividades.

Compila para dispositivos plegables

Los dispositivos plegables con pantalla grande son como tener un teléfono y una tablet en un mismo lugar. Las características plegables, como la posición de mesa y la de libro, ofrecen nuevas posibilidades para la experiencia del usuario. Distingue tu app brindando compatibilidad con las funciones únicas de los dispositivos plegables.

Consulta lo siguiente:

Sigue los lineamientos de calidad

Los lineamientos de calidad de las apps para pantallas grandes se desarrollaron a fin de ayudarte a lograr que tu app sea la mejor en pantallas grandes. Son un conjunto integral de requisitos de calidad para la mayoría de los tipos de apps para Android. Síguelos para crear una app que funcione a la perfección en teléfonos, tablets, dispositivos plegables y dispositivos Chrome OS.

Consulta Calidad de las apps en pantallas grandes.

Recursos adicionales