Interfaz vertical y horizontal personalizada en la aplicación Android

Interfaz vertical y horizontal personalizada en la aplicación Android

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.

   

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”:

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

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).

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

¿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:

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

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:

Interfaz vertical y horizontal personalizada en la aplicación Android

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.



Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *