Introducción al desarrollo de apps móviles
4. Creando mi primer App
4.2. Programando nuestra app
Paso 3: Programar la app
Lo primero que debemos hacer es pensar en qué componente y qué acción (evento) sobre ese componente va a iniciar la ejecución de nuestro programa. En el caso de nuestra app, cuando presionamos el botón “Saludar” el programa debería tomar el nombre escrito en el campo de texto 1 para mostrarlo en el saludo (hola “nombre”) que aparecerá en el campo de texto 2.
Como ya definimos que el evento que va iniciar la ejecución del programa es cuando se presione el botón vamos a seleccionarlo.
Luego, nos aparecerán una serie de bloques propios del componente. Los de colores naranja son los eventos, los morados son metodos (cosas que sabe hacer) y los de color verde son las propiedades. Primero, seleccionamos el evento correspondiente que para nuestro caso sería “Cuando botón1. clic” y lo arrastramos y soltamos al área del visor.
Para ir armando el programa pensemos en esto ¿Qué debe pasar cuando haga clic sobre el botón? Para pensar en una posible respuesta nos basamos en lo que escribimos al inicio sobre el objetivo y su funcionamiento.
Entonces, cuando presiono el botón “Saludar”, al nombre (texto) que el usuario escribió en el campo de texto 1 se le debe agregar (unir) la palabra Hola y mostrar esa oración en el campo de texto 2, modificando así su propiedad texto. Veamos cómo lo podemos hacer.
Después de haber definido el evento (cuando botón1.clic) cliqueamos sobre el elemento “CampoDeTexto2” y buscamos un bloque de propiedad (color verde) que empiece con la palabra “poner” puede ser cualquiera y ya veremos por qué.
Solo basta con desplegar el menú y seleccionar qué propiedad (texto) vamos a modificar del componente (en este caso de CampoDeTexto2)
Luego, como lo que queremos unir es la palabra “Hola” con el nombre que ingrese el usuario en en el CampoDeTexto1, es decir que queremos unir dos textos, debemos ir a la opción de Texto en el área de Bloques→Texto→Bloque Unir
Ahora debemos indicarle que queremos unir la palabra “Hola” con el texto contenido en el CampodeTexto1. Para ello, dentro de la opciones de bloques de texto hay uno que permite escribir un texto.
Ahora seleccionamos el elemento CampoDeTexto1 para tomar el texto que el usuario introdujo y unirlo a la palabra “Hola”.
Y listo ya tenemos nuestra primera app.