Práctica: 3 “Capturando el clic de un botón”

...

[pic 12]

El método onCreate contiene dos líneas de código, la primera invoca al constructor de la clase padre AppCompatActivity y la segunda carga el diseño de la actividad implementado en el archivo activity_main.xml. Tal y como comentamos anteriormente, el archivo XML es un mecanismo para agilizar el diseño de las interfaces de usuario, pero para facilitar su manejo desde el código java, Android Studio crea una serie de clases autogeneradas. La clase R será la principal clase de este tipo y contendrá un conjunto de constantes para acceder a los recursos XML de la aplicación. Por lo tanto, con la instrucción setContentView(R.layout.activity_main) estamos cargando la vista diseñada en el archivo activity_main.xml.

17. Ahora viene la parte en donde definimos variables en java para almacenar las referencias a los objetos definidos en el archivo XML. Definiremos tres variables, dos de tipo EditText y finalmente una de tipo TextView (es necesario importar dichas clases para poder definir las variables de esas clases). La forma más fácil de importar las clases es una vez que definimos el objeto, por ejemplo, private TextView tvResutado; veremos que aparece en rojo el nombre de la clase y si disponemos el cursor sobre el nombre de la clase y presionamos las teclas "Alt" + "Enter", luego el Android Studio codifica automáticamente la línea que importa la clase: import android.widget.TextView;

[pic 13]

---------------------------------------------------------------

Los nombres de las variables declaradas coinciden con los objetos definidos en el archivo

XML, esto no es obligatorio pero es aconsejable.

Observe que no definimos variables para los otros dos TextView de los mensajes “Ingrese el primer valor:” e “Ingrese el segundo valor:” ya que no necesitaremos interactuar con ellos.

18. En el método onCreate debemos enlazar estas variables con los objetos definidos en el archivo XML, esto se hace llamando al método findViewById:[pic 14]

Al método findViewById debemos pasarle la constante creada en la clase R (recordemos que esta clase se crea automáticamente). El nombre de la constante debe ser igual al nombre de la propiedad id del objeto creado en el archivo XML. Como la clase findViewById retorna una clase de tipo View entonces debemos utilizar el operador cast adecuado (es decir le antecedemos entre paréntesis el nombre de la clase).

19. Ahora crearemos el método que se ejecutará cuando se presione el botón (el método debe recibir como parámetro un objeto de la clase View) En nuestro ejemplo lo llamé sumar. Dicho método lo debemos ubicar una línea antes de la llave de cierre de la clase:

[pic 15]

Recuerde importar la clase View (“Alt” + “Enter” estando el cursor sobre la palabra View).

20. La lógica para sumar los dos valores ingresados en los controles EditText es:

[pic 16]

---------------------------------------------------------------

Extraemos el texto de los dos controles EditText y los almacenamos en las variables valor1 y valor2 de tipo String. Convertimos los String a tipo entero y los asignamos a n1 y n2. Realizamos la suma y la almacenamos en la variable suma de tipo int. Convertimos suma en String asignándola a la variable resultado. Colocamos este String en el TextView tvResultado que mostrará el resultado de la suma.[pic 17]

21. Ahora debemos ir al archivo XML (activity_main.xml) e inicializar la propiedad onClick del control Button con el nombre del método que acabamos de crear, esto es, en la lista de esta propiedad seleccionamos el método sumar:

[pic 18]

22. Ejecute la aplicación, cargue dos números enteros en las cajas de texto y presione el botón, aparecerá el resultado de la suma en el TextView que tenía el letrero de Resultado:[pic 19]