- Implementar Toasty en un proyecto base Android para mostrar avisos "Toast" con mejoras visuales.
En el prework de esta sesión debiste crear desde cero un proyecto que contará con cinco botones en su pantalla principal: “Toasty, Mp Android Chart, Stacked bar, Short Bread y Fresco”; y cada botón debería abrir una pantalla con una interfaz mínima.
Sólo si no te fue posible completar este proyecto puedes utilizar el Proyecto base, El proyecto base muestra la siguiente interfaz:
Con la intención de agregar la dependencia de Toasty a nuestra app, realizaremos los siguientes pasos.
-
Cada desarrollador tiene la opción de publicar las librerías en diferentes repositorios. Las que veremos en esta sesión se encuentran en maven jitpack, por lo que necesitamos indicarle al Gradle del proyecto donde buscará las librerías. Para ello agregamos las siguientes líneas de código en el Gradle del proyecto.
maven { url "https://jitpack.io" }
-
Ahora nos dirigimos al Gradle del módulo y agregamos las siguientes líneas de código.
// Toasty implementation 'com.github.GrenderG:Toasty:1.5.0'
-
Sincronizamos el proyecto.
-
Abrimos el ToastyActivity y agregamos el siguiente código en el evento del botón Error.
Toasty.error(this, "This is an error toast.", Toast.LENGTH_SHORT, true).show()
-
Después sumamos el siguiente código en el evento del botón Success.
Toasty.success(this, "Success!", Toast.LENGTH_SHORT, true).show()
-
Ejecutamos el proyecto, hacemos clic en Toasty, seguido del botón Error, y vemos que nos muestra un Aviso “Toast” con una interfaz más colorida que los clásicos mensajes de Android.
-
Ahora hacemos clic en el botón success y observamos que el mensaje se muestra con otros colores, lo cual, en conjunto, nos permite mostrarle al usuario mensajes con este diseño según el tipo de aviso.
¡Felicidades! Tu app ahora puede mostrar mensajes con mejoras visuales según el tipo de aviso que se requiera mostrar.
Siguiente (Reto 1)