Creación de un menú
En este vídeo vamos a ver cómo podemos crear un menú lateral en la aplicación basándonos en el componente de ionic: ion-menu.
Crearemos un JSON con las opciones que tendrá nuestro menú, con sus iconos y sus rutas, y crearemos un servicio que nos obtenga dicho fichero con un GET.
De ese modo en nuestra vista sólo tendremos que recorrer el resultado con un *ngFor para asignar todos los puntos del menú.
[mepr-show if=”rule: 2247″]
[/mepr-show]
Ahora ya podéis crear el menú que queráis para vuestra aplicación, recordad que tenéis la documentación oficial donde podéis ver como se vería cada componente en nuestro dispositivo para seleccionar lo que más os guste.
Pantalla modal y listas
En este siguiente vídeo crearemos una pantalla modal en nuestra aplicación.
Primero crearemos la página y luego la enlazaremos de manera asíncrona en otra vista.
Esta pantalla se abrirá con un evento click en un botón y, posteriormente, crearemos una pequeña lista donde haciendo click en un item de la lista, se nos desplegará la misma pantalla modal pero esta vez, asignándole unos parámetros propios del item.
[mepr-show if=”rule: 2247″]
[/mepr-show]
Fácil, ¿verdad?.
Ésto nos proporcionará mucha libertad a la hora de crear nuestra aplicación y hacer que nuestras páginas se comuniquen entre sí.
Modificando el theme
Es hora de trabajar con el aspecto de nuestra aplicación.
Gracias a la herramienta de la documentación de ionic (Color Generator) podremos cambiar el aspecto de nuestra aplicación con los colores corporativos que deseemos, todo ello, pudiendo observar en tiempo real como se vería en los dispositivo.
Una vez elijamos el color deseado, podremos modificar los colores existentes del theme de ionic o crear una variable propia que podremos utilizar en toda nuestra aplicación.
[mepr-show if=”rule: 2247″]
[/mepr-show]
Ahora os toca a vosotros proporcionar a vuestra aplicación el aspecto deseado.
En la siguiente clase implementaremos los plugins necesarios para trabajar con las aplicaciones nativas de nuestro dispositivo móvil. ¡Conseguiremos que nuestra aplicación abra la cámara de nuestro teléfono!