Estudiante

La construcción de interfaces de usuario es un pilar muy importante cuando desarrollamos cualquier tipo de aplicación. En Android utilizamos el lenguaje XML para hacer la maquetación de lasinterfaces, y dado que para algunos esto puede resultar tedioso, el día de hoy vengo a platicarte de una herramienta web y de escritorio que puedes utilizar.
Su nombre es DroidDraw, una aplicación web que nospermitirá diseñar nuestras interfaces usando un editor completamente visual y que incorpora funciones drag & drop para incorporar los elementos que necesitemos. Cabe mencionar que podemosutilizar la versión web de la herramienta o bien, descargarnos la aplicación multiplataforma a nuestra máquina.
Una vez que descomprimamos el archivo, bastará con ejecutar el .jar que viene en el directoriopara empezar a utilizar el programa.

La pantalla principal de DroidDraw se encuentra divida en tres partes. Del lado izquierdo tenemos la pantalla que corresponde a la vista previa de la interfaz;y del lado derecho la pantalla se divide en dos módulos, uno superior que muestra los widgets que podemos agregar a la interfaz que vamos a crear y el inferior en el que se generará el código XML deldiseño cuando lo hayamos terminado.
Creando una interfaz de usuario con DroidDraw
Para que puedas ver la herramienta en acción, vamos a crear una interfaz para un formulario de login.
1. El primerajuste que deberemos hacer para empezar a trabajar será elegir el tipo de layout que tendrá nuestro diseño. Esto lo indicamos en la parte superior de la vista previa de la interfaz. Te invito aconocer los diferentes tipos de contenedores que puedes utilizar en Android por si estás comenzando en esta plataforma.
2. La parte que hace la magia utilizando DroidDraw está en el apartado de loswidgets. Aquí elegimos los que queremos que aparezcan en el diseño y damos doble clic sobre ellos o bien, los arrastramos y soltamos.

Una vez que el widget aparezca en la vista previa, podemos...