Actividad número 2

La aplicación consistirá en introducir:

• Nombre Completo (Nombre y 2 Apellidos)
• Edad (campo de texto que sólo admite números), y tiene que controlarse que sea entre 0 y 200
• Equipo (seleccionar uno de la lista del List Picker, entre Malaga, Barcelona, Madrid y Sevilla)

 La aplicación nos devolverá:

• Nombre, Apellido 1 y Apellido 2: que será el resultado de dividir (split) el Nombre Completo. En estas cajas de texto no se podrá escribir nada.
• Escudo: que será una imagen que se cargará según el Equipo seleccionado. Hay que hacerlo de forma que al seleccionar el equipo, con el nombre que nos aparece en la lista, formar el nombre del fichero, acabado en .png. Por ejemplo, si seleccionamos Malaga, nos mostrará la imagen Malaga.png; si Barcelona, Barcelona.png, ... (habrá que concatenar al nombre de la selección de ListPicker la terminación .png)
• Resultado: Cuando pulsemos sobre el botón “Mostrar y Escuchar Mensaje”, nos debe mostrar un mensaje como el siguiente: Don/a Apellido1 Apellido2, Nombre.                                                                                                         Le faltan X años para cumplir los 50, y usted es del equipo Equipo

Vamos a comenzar la actividad:

• En esta actividad vamos a utilizar un Screen Arrangement que sirve para poder meter dentro varias cosas según el número de filas y columnas que le introduzcas. Y podeis poner varias propiedades como veis en las imagenes.

• Dentro del Screen Arrangement vamos a introducir un label con el nombre completo y a su lado un txt con nombre completo, así lo hariamos con todos hasta la edad.

• A continuación pondremos un label con el equipo y una lista para poner los equipos. 

• Y el ultimo punto del screen arrangement es donde va a salir el escudo, tendremos que poner un label que ponga escudo y una imagen donde tendremos que introducir las imagenes

• Para introducir las imagenes hay que cargalas como vereis a continuación. Hay que pulsar en Upload new te saldra una pantalla que tienes que buscar la imagen y abrir y se tiene que cargar en Media

•  Ya se ha terminado el Screen Arrangement. Debajo del Screen Arrangement tenemos que introducir un botón que ponga Mostrar y escuchar mensajes y terminamos con otro label.
• Quedaría algo como lo que os voy a enseñar a continuación

 

Vamos a empezar la aplicación.

• Lo primero que vamos ha hacer es la lista de los equipos. 
• En My Blocks buscamos la opción Screen 1 y te saldra una lista y tienes que coger Sceen1 Initialize.

•  Según de los que quieras hacer la lista coges una cosa u otra. En este caso tienes que coger en My Blocks buscas lst_equipo te sale unas opciones y tienes que elegir Elements para poder introducir datos.

• Y para hacer la lista tenemos que coger un Buit-In, Lists y un make a list 

• Y para introducir la lista coges el Built-In, Text y un text

•  Y tiene que quedar una imagen más o menos como la que os voy a mostrar.

• Vamos a explicar como se divide el nombre completo en nombre y apellidos:

• Sacando el dato introducido en el campo de texto "nombrecompleto"  y con la función "Split at spaces" podemos sacar el nombre y los apellidos, y los introduciremos en un listado invisible, para inmediatamente despues sacarlos en orden a las cajas de texto que vengan a continuación, podemos hacerlo de la siguiente manera:

 

• Vamos a añadirle una comprobación a el campo de edad para que no admita numeros mayores de 200 y menores de 0, la ejecutaremos cuando el campo de edad pierda el foco, y usaremos un "If" junto a funciones "Or" y "<", ">"

•  Para que nos muestre el equipo seleccionado como texto de la lista y para que nos muestre la imagen correspondiente, estas acciones las haremos despues de escoger un elemento de la lista, las acciones serán

• "Set listado.Text" to "listado.selection"

• "Set imagen.picture to" en este caso  tengo las imagenes con el mismo nombre que los elementos de la lista, solo que con la extension ".png" añadida, asi que con un "make text" que podeis ver a continuacion logro que aparezca la imagen correspondiente a la seleccion:

• El último paso es introducir la frase "Le faltan X años para cumplir los 50, y usted es del equipo Equipo"
• Cuando pulsas o haces click en el botón mostrar  escuchar tienes que en el label text hacer un make a text para introducir la frase Don/a a continuación tienes que poner el txt_apellido1, txt_apellido2, txt_nombre otro text con la palabra "Le falta" para hacer la edad tienes que hacer con el Built-In, Math y el signo menos y en el primer hueco pones un Built-In, number y le introduces el número 50 menos el txt_edad.text y eso te hace la resta. A continuación tienes que poner un texto que ponga "años para cumplir los 50", le introducimos debajo otro text que ponga "y usted es del equipo". Y al final para que te salga el nombre del equipo en el mismo make text tienes que introducir en el My Blocks, lst_equipo, Selección y eso significa que el que se selecciona ese nombre se introduce. Quedaría algo como esta imagen.

• Y para que se escuche hay que poner

http://www.tuappinvetorandroid.com/que-es-app-inventor/componentes/