Programación

Interfaz vertical y horizontal personalizada en la aplicación Android

Índice

Interfaz vertical y horizontal personalizada en la aplicación Android, la pesadilla de muchos diseñadores de interfaz es sin duda la notoria falta de espacio. Después de todo, las pantallas del teléfono no son tan grandes como las de los ordenadores de sobremesa, portátiles o tabletas.

Interfaz vertical y horizontal personalizada en la aplicación Android, también hay un segundo problema, porque ¿qué pasa si el usuario gira el teléfono y cambia la orientación de la pantalla? Dejar una gran cantidad de espacio no utilizado no se ve demasiado fresco, y los elementos estirados no naturales estrechamente dispuestos en una vista vertical pueden estropear toda la estética de la aplicación.

Interfaz vertical y horizontal personalizada en la aplicación Android, por lo tanto, una vista personalizada separada para la orientación horizontal y vertical puede ser una solución a este problema. Así que vamos a ver cómo lograr tal efecto en Android.

   

indice del tema

Añade un diseño horizontal personalizado en Android Studio

Para agregar diseño horizontal en Android studio, abra el archivo con el diseño predeterminado, que queremos tener personalizado por separado para la vista horizontal, y luego en la parte superior derecha del año haga clic en el icono del teléfono y desde el menú expandido seleccione la opción "Crear variación horizontal":

Como puede ver, ahora hemos creado dos de los mismos activity_main.xml con el hecho de que uno ha añadido información de que es una vista horizontal (tierra).

¿Cómo se ve en la estructura del proyecto?

Al ir al directorio res (nombre de la aplicación/app/src/main/res) ahora podemos ver dos carpetas de diseño y layout-land:

Como puede ver, ambos almacenan archivos con los mismos nombres, con el hecho de que el directorio de diseño es responsable de la versión de diseño para la orientación vertical, y layout-land para la orientación horizontal:

Ahora, cuando iniciemos la aplicación y giremos la pantalla horizontalmente, veremos un diseño de interfaz diferente al que se mostró cuando el teléfono estaba en posición vertical.

admin

Entradas recientes

Como funciona la licencia de antivirus Avast | Guía de activación

En el mundo de la ciberseguridad, Avast se ha ganado un lugar muy especial en…

2 días hace

Como comprar la licencia de ESET NOD32 Antivirus de forma segura

Si has tomado la decisión de blindar tu computadora contra los peligros de internet, elegir…

2 días hace

Como renovar la licencia de ESET NOD32 antivirus | Guía paso a paso

Como renovar la licencia de Antivirus ESET NOD32: Guía sencilla para no quedar Desprotegido Ver…

3 días hace

Nombre de licencias de antivirus: Qué significan total, internet y essential security

¿Qué Significan los Nombres de las Licencias de Antivirus? Guía para Elegir sin Confundirse Cuando…

3 días hace

Qué es una licencia de antivirus y por qué la necesitas | Guía fácil

Guía Completa sobre Licencias de Antivirus: Todo lo que Necesitas Saber para Proteger tus Dispositivos…

3 días hace

Cómo desbloquear canon MG5600 (Error 5B00) | Guía rápida fácil

Quedarte varado en medio de una tarea importante porque tu impresora decidió bloquearse por completo…

5 días hace