21.04.2014 Views

Curso-Android-Desarrollo-de-Aplicaciones-Móviles

Curso-Android-Desarrollo-de-Aplicaciones-Móviles

Curso-Android-Desarrollo-de-Aplicaciones-Móviles

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

CURSO ANDROID<br />

47<br />

Diseño<br />

Trabajamos con otra disposición <strong>de</strong> elementos para el diseño llamado RelativeLayout y agregaremos<br />

otros elementos <strong>de</strong> interfaz <strong>de</strong> usuario.<br />

ÐÐ<br />

ÐÐ<br />

ÐÐ<br />

RelativeLayout 1 : con este esquema los elementos se colocan en posición relativa a otros elementos<br />

o hacia el padre.<br />

RadioButton 2 : es un botón <strong>de</strong> dos estados (marcado y <strong>de</strong>s-marcado) a diferencia <strong>de</strong>l CheckButton<br />

este no permite <strong>de</strong>s-marcarlo y cuando se encuentra en grupo solo uno <strong>de</strong> los botones <strong>de</strong>l grupo<br />

pue<strong>de</strong> estar marcado a la vez.<br />

RadioGroup 3 : permite agrupar un conjunto <strong>de</strong> RadioButtons para que solo uno a la vez esté seleccionado.<br />

Nuestro diseño tendrá un botón para adquirir la imagen un RadioGroup que contendrá a 3 botones y<br />

un ImageView. Los 3 botones serán seleccionar <strong>de</strong> don<strong>de</strong> proviene la imagen ya sea <strong>de</strong> la cámara (como<br />

vista previa o como imagen completa) o <strong>de</strong> la galería.<br />

El código completo <strong>de</strong>l layout es el siguente:<br />

<br />

<br />

<br />

Hemos orientado el botón hacia la <strong>de</strong>recha y el RadioGroup hacia la izquierda. Luego el ImageView<br />

abajo <strong>de</strong>l RadioGroup.<br />

El diseño <strong>de</strong> interfaces <strong>de</strong> usuario en ocasiones se vuelve complicado con eclipse por ello utilizaremos la<br />

herramienta gratuita DroidDraw 4 que permite exportar e importar archivos XML para luego solo colocarlos<br />

en el archivo <strong>de</strong> diseño en eclipse, a<strong>de</strong>más tiene ejecutables para Windows, Linux y OS X.<br />

1 http://<strong>de</strong>veloper.android.com/reference/android/widget/RelativeLayout.html<br />

2 http://<strong>de</strong>veloper.android.com/reference/android/widget/RadioButton.html<br />

3 http://<strong>de</strong>veloper.android.com/reference/android/widget/RadioGroup.html<br />

4 http://www.droiddraw.org/

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!