ANDROID Studio (29) – Creación del esqueleto de la pantalla

La pantalla del móvil se basa en un LinearLayout, utilizando un componente TextView e invocando el componente de introducción de texto EditText, así como el componente Button. Con un botón se pueden registrar datos.

El componente EditText se parece a TextView, de hecho hereda de él y se integra en un archivo Layout de forma parecida. También Button hereda de TextView. Y hay que gestionar la posición de los botones.

Lo más normal es que también pueda ser necesario un botón +, y para realizarlo de una forma sencilla se pueden encapsular los dos componentes, etiqueta y botón, en un contenedor de vista tipo LinearLayout con orientación horizontal.

Como por ejemplo:

<LinearLayout

android:layout_with=”match_parent ”

android:layout_height=”wrap_content “

android:orientation=”horizontal “>

<TextView

android:layout_width=”wrap_content “

android:layout_height=”wrap_content “

android:text=”autor” / >

<Button

android:layout_width=”wrap_content “

android:layout_height=”wrap_content “

android:text=”+” / >

 

La distancia que habrá entre los componentes se determina por medio de los márgenes izquierdo y derecbo de los mismos.

El botón OK se puede encapsular en un contenedor tipo LinearLayout que tiene todo el ancho de la pantalla (valor match_parent como valor del ancho), y además se ha de indicar un posicionamiento alineado a la derecha de los componentes hijos (por medio de la propiedad gravity de LinearLayout).

La solución podría materializarse con el siguiente lenguaje:

<LinearLayout

android:layout_width=”match_parent “

android:layout_height=”wrap_content “

android:orientarion=”horizontal “

android:gravity=”right “ >

<Button

android:layout_width=”wrap_content “

android:layout_height=”wrap_content “

android:text=”OK” / >

<LinearLayout>

En este caso no se utilizar layout_gravity, sino gravity de forma que se consigue que la alineación del contenido está a la derecha.

Con la propiedad text se puede integrar el texto en el archivo de layout, de forma que es una opción más adecuada que realizarlo con código Java.

De esta forma se definen como recursos en los archivos de layout. Y a la práctica esto se traduce en la siguiente código:

Android:text= “@string/ nombre_del_recurso”.

El ejemplo del caso de recurso de autor:

<TextView

android:layout_witdth=”wrap_content “

android:layout_height=”wrap_content “

android:text= ”@string / autores “ / >

 

Con esta opción se puede indicar el campo de un autor, pero para poder indicar más autores se ha de realizar con código java de la actividad.

Además a los componentes del tipo EditText y Button se les ha de asignar un identificador único explícito, es decir, referenciarse en el código Java de la actividad. En cambio para el componente TextView no es necesario esta operación.

 

106.jpg

105.jpg

 

107.jpg

 

 

Licencia Creative Commons Contenido Web de Yolanda Muriel está sujeto bajo Licencia Creative Commons Atribución-NoComercial-SinDerivadas 3.0 Unported.

Anuncios

Responder

Por favor, inicia sesión con uno de estos métodos para publicar tu comentario:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s