Cómo compilar apps adaptables para TVs

Android TV proporciona una experiencia "leanback" en la que los usuarios interactúan con las apps desde la distancia, por lo general, con un control remoto. Crear una app adaptable para TVs requiere enfocarse en la visibilidad, la navegación con el pad direccional y un diseño de IU que priorice las pantallas grandes.

Consideraciones clave para la TV

  • Navegación con pad direccional: Los dispositivos de TV no tienen pantallas táctiles. Todas las interacciones se realizan con un pad direccional (D-pad) en un control remoto o un controlador de juegos. Asegúrate de que se pueda acceder a todos los elementos de la IU y de que tengan un estado enfocado claro.
  • IU para pantallas grandes: Las apps para TVs se ven desde varios pies de distancia. Usa texto grande, colores de alto contraste y gráficos llamativos para garantizar que el contenido sea legible y que los elementos interactivos sean fáciles de identificar.
  • Orientación horizontal: Diseña los diseños de tu app para que admitan y optimicen la visualización horizontal. No es necesario que declares android:screenOrientation en el manifiesto. Sin embargo, para cumplir con los lineamientos de calidad de TV, tu app debe admitir la orientación horizontal sin letterboxing ni pillarboxing verticales.
  • Control de sobreescaneo: Es posible que algunos televisores más antiguos recorten los bordes de la pantalla. Mantén un margen seguro (por lo general, del 5%) alrededor de los bordes de tu diseño para asegurarte de que no se corten los elementos críticos de la IU.
  • No hay multitarea en segundo plano: A diferencia de los teléfonos o las tablets, las TVs suelen enfocarse en una tarea inmersiva a la vez. Asegúrate de que tu app maneje correctamente la pausa o la detención cuando el usuario cambie a otra app o entrada.

Estrategias de adaptación

  1. Administración del foco del pad direccional: Usa los atributos FocusRequester de Compose o nextFocus basados en View para crear un flujo de navegación lógico e intuitivo entre los componentes de la IU.
  2. Optimiza la app para alta resolución: Proporciona recursos de alta calidad (xhdpi o superior) para garantizar que tu app se vea nítida en pantallas 4K y HDTV grandes.
  3. Simplifica las interacciones: Reduce la cantidad de clics necesarios para llegar al contenido principal. Usa filas horizontales y cuadrículas verticales que sean fáciles de navegar con un pad direccional.

Más información

Para obtener orientación sobre el desarrollo de Android TV, consulta la descripción general de Android TV.