Android, Trabajando con la UI ¿Puedo Trabajar con Manejadores de un botón?

Para este artículo les propongo seguir profundizando sobre la tecnología Android, y particularmente vamos a introducirnos en la UI. El ejemplo propuesto es bien simple, pero muestra la línea elemental para el trabajo con la UI dentro de una solución Android.

Vamos a comenzar a definir la presentación de una solución Android trabajando el layout de la aplicación para incorporar elementos a la misma:


Como podemos observar dentro del proyecto Android tenemos los "res", ahí trabajaremos sobre el "layout" de la aplicación definiendo el "main.xml". Lo que podemos observar es que tenemos un entorno drag and drop para colocar elementos en el paño, listas que se pueden visualizar en la figura siguiente.


Al seleccionar sobre el paño el layout general podemos observar con la herramienta de outline su composición (como vemos en la siguiente figura)…en este ejemplo arrastré un button y un textview la idea es que a la pulsación del button se coloque un texto en el textview.



Ademas para cada selección de control que coloquemos sobre el paño tendremos propiedas que configurar, en el caso del textview particularmente para el ejemplo he borrado el contenido de la propiedad Text para que me permita de forma limpia al hacer click sobre el button colocar un contenido.

Veamos las propiedades del button por ejemplo:


Podemos observar una vista acotada de lo que se puede encontrar como propiedades de los controles, realmente tenemos muchas opciones dependiendo la selección.

Todas las operaciones realizadas en el entorno visual con el paño de trabajo se puede visualizar en el XML resultante, veamos:


También podemos operar este XML y ver los resultados en el escenario grafico visual.

Bueno es el momento que pongamos a funcionar el button para realizar alguna operación, veamos el código generado con los comentarios correspondientes:


Como podemos observar estoy generando un manejador para el button que me permite que antes el evento click pueda realizar una acción y nuestra acción de ejemplo tiene que ver con la escritura de una cadena sobre el textview01 "Demo Nicolas"… veamos esto funcionando:


Excelente!! Es justo lo que buscábamos, bueno espero que les sea de utilidad este articulo.

¡Hasta el próximo articulo!

Les dejo el video de la demo:


 


 


 


 


 


 

Entradas más populares de este blog

7 arquetipos #Polymer 1.0 puntos esenciales prácticos

El potencial de la nube en 5 pasos desde Buenos Aires y junto al ecosistema regional

El potencial de la nube en 5 pasos, Evento en The Pool Mexico DF