Desarrollo de Interfaces – PRÁCTICA Layouts y controles básicos IU Android

PRÁCTICA: Layouts y controles básicos

Nota: Usa siempre recursos XML para textos, colores y dimensiones. Trabajaremos en una
pantalla y una densidad normal.
En esta práctica vamos a crear una serie de interfaces de usuario para una aplicación Android.
1. La estructura de la pantalla principal será la siguiente:
RelativeLayout

TableLayout

 Añade las imágenes proporcionadas a la carpeta correspondiente para la densidad “mdpi”.

(para ello, puedes copiar del explorador de archivos de Windows y pegar en la carpeta
correspondiente del proyecto en Android Studio)
 Las imágenes son botones.
 Para distribuir los controles utiliza un RelativeLayout como contenedor padre general y un
TableLayout para las cuatro imágenes y el texto de la parte inferior de las mismas.
 La etiqueta que se encuentra pegada en la parte inferior de la pantalla, se convierte
añadiendo la propiedad android:autoLink="web", en un enlace .
 Establece como color de fondo del layout, el mismo que el de los botones
 La etiqueta de texto correspondiente a “AGENDA Y CONTACTOS” debe ir en negrita, con
un tamaño de letra de 20 sp y color #914848.
 Cambiar el tipo de letra del texto “Acme Inc. (c) 2012” a serif
 El aspecto final de la pantalla será el siguiente:

1 de 3
Desarrollo de Interfaces – PRÁCTICA Layouts y controles básicos IU Android

 Añade un fondo con borde redondeado al TextView con el texto “Acme Inc. © 2012”

2 de 3
Desarrollo de Interfaces – PRÁCTICA Layouts y controles básicos IU Android

2. Crear una segunda pantalla para añadir un contacto con las siguientes características:
 Tendrá como contenedor padre un LinearLayout vertical y luego la distribución
interna que se indica en la imagen.
 Usa rellenos y márgenes donde corresponda.
 La caja de texto del email, incluirá el atributo:
android:inputType="textEmailAddress", para indicarle a Android que se
trata de una caja de texto para introducir un email
 El ancho de los botones Guardar y Cancelar se ajusta con el atributo weight.
 Usa al menos un estilo

 El clic del botón “Cancelar”, cerrará (método finish()) la Activity sin más
 El clic del botón “Guardar”, sólo cerrará la Activity si se han introducido todos los
datos, en caso contrario mostrará un mensaje “Toast”, con el texto:
“Debe introducir todos los datos”

3 de 3