4 - Notificador

¿Que es un Notificador?

Un notificador es un componente no visible que puede mostrar diferentes alertas y puede registrar la información para su posterior utilización.

Vamos a realizar una practica muy sencilla donde vamos a utilizar varios de los módulos de Notificación.

En esta practica vamos a utilizar los siguientes módulos:

1 - Botón
2 - Notificadores
1 - Etiqueta de Texto.

Anunciado de la practica.

Tenemos que crear un aplicativo que cuando iniciemos nos pida una contraseña que hemos definido como 1234. Si la contraseña introducida es errónea aparecerá mensaje de error y se cerrara el aplicativo.
Si es correcta nos llevaría a la Pantalla1 donde mediante los módulos de Botón / Notificación / Etiqueta de Texto debemos hacer que al presionar un botón nos aparecerá una ventana emergente realizando una pregunta. En este caso sera: De que color es el caballo BLANCO de Santiago? Si el usuario responde "Blanco" mostrara un texto debajo del botón, en este caso usando el modulo de Etiqueta de Texto con el siguiente mensaje: Eres todo un crack!! 
Si por lo contrario responde "Rosa", aparecerá el siguiente mensaje: En serio.... Oo'''

Explicación del funcionamiento después del salto.

3 - ¿Que es un Botón y como funciona?

3 - ¿Que es un Botón y como funciona?

Vamos a empezar a crear nuestro primer proyecto con AppInventor, vamos a realizar varias pruebas con la función de Botones.

¿Que es un Botón?

Un botón es una pulsación que realizamos en la que podemos definir que es lo que queremos hacer cuando hagamos dicha pulsación, puede ser una pulsación o una pulsación prolongada, podemos definir que queremos que haga en cada situación.

Vamos a definir cada una de las opciones que tenemos en las propiedades del botón:

Color de Fondo: Podemos ajustar el color del fondo del botón, siendo siempre por defecto el gris.

Habilitado: Nos permite habilitar o deshabilitar un botón depende de la función que queramos realizar.

Negrita /Cursiva /Tamaño de letra / Tipo de Letra: Ajustes del texto que aparece en el botón.

Alto/Ancho: Es importante especificar el tamaño del botón si elegimos añadirle una imagen, ya que puede hacer que se descuadre el aplicativo en Tablets.

Si seleccionamos la Opción de Ajustar al contenedor nos hará el tamaño que tenga la pantalla donde esta la imagen. Lo ideal seria imágenes de 128x128 o inferior.

Imagen: Podemos añadir cualquier imagen en el botón, tenemos que tener en cuenta que si la imagen ocupa 3Mb estos irán directamente al aplicativo, haciendo que nuestro aplicativo ocupe bastante, es preciso comprimir las imágenes y usar ficheros con extensión *.png

Forma: Podemos cambiar la forma del botón.

Mostrar pulsación: Cuando pulsemos el aplicativo aparecerá una pulsación, es una opción visual.

Texto: Podemos elegir si el botón tiene texto o si lo queremos eliminar.

Posición del Texto /Color del Texto: Mas ajustes sobre el texto que hemos añadido.

Visible: Podemos hacer que este botón sea visible o invisible. Esto nos permite realizar mucho juego para futuros aplicativos que realicemos.

Practica después del salto

2 - Creación de Ventanas y Propiedades

2 - Creación de Ventanas y Propiedades

Seguramente para nuestro proyecto que queramos hacer deberemos de navegar por diferentes ventanas, en esta guía voy a enseñaros como crear varias ventanas. En posteriores post enseñare a moveros entre ellas.

Pero antes de nada vamos a ver las propiedades de la Ventana.

Información que podemos añadir sobre nuestro aplicativo. Esta información 

aparecerá en las opciones del móvil.

Ahora que tenemos los conceptos claros de que es lo que hace cada función, vamos a proceder a crear una nueva ventana.

Para poder hacer este sencillo paso nos vamos a la opción de Añadir Ventana y le ponemos el nombre que deseemos. 

"Cuidado" AppInventor no permite la modificación del nombre de la ventana una vez puesta. Así que aseguraros que el nombre que queréis poner.

Una vez realizamos este paso ya tendremos varias ventanas creadas y tendremos nociones del funcionamiento de la pantalla principal del AppInventor.

1 - La Interfaz de AppInventor

1 - La Interfaz de AppInventor

AppInventor consta de dos interfaces bien diferenciadas,  tenemos la interfaz de Diseñador y la interfaz en Bloques.

La interfaz de diseñador es donde podemos añadir todas las opciones visuales del aplicativo y todos las funciones que le vamos a añadir. Muchas opciones como que el aplicativo pueda acceder a Internet o que aparezcan mensajes emergentes en la pantalla deben de ser definidas previamente desde esta interfaz. El concepto que hay que tener claro es que el Interfaz de diseñador es lo que vamos a ver una vez el aplicativo lo tengamos creado.

La Interfaz de bloques es aquella donde tenemos que especificar que función va a realizar cada objeto, si vamos a tener que crear una variable, esta que va a realizar. Es el apartado mas técnico que tiene el Appinventor, puede ser un poco liante al principio pero con paciencia se puede controlar y podemos realizar grandes aplicativos.