Truco FileMaker 17: How to DrawerNavigation
Ya hace tiempo que no escribía nada y me quede con un par de post pendientes pero debo de realizar algunos proyectos antes, y bueno vengo a mi blog a escribirles un truco sencillo para mejorar la UI/UX en sus apps personalizadas con FileMaker.
Empezamos:
1. En mi caso voy a crear en Nuevo
2. En la parte de Navegación Superior creamos un Botón para el DrawerNavigation, en mi caso le puse un icono de “barras”.
3. Creamos una nueva presentación la cual funcionara como una tarjeta, dentro creamos una Barra de Botones verticales y el Botón que teníamos lo cambiamos por otro en mi caso le puse un “tache”.
4. En la Configuración de botón “tache” le asignamos la acción paso único => cerrar ventana actual
5. En Guiones => Espacio de trabajo de guiones, Creamos el script “DrawerNav” con los siguientes pasos de guion:
Donde el primer paso sirve al momento de darle clic al botón cierre la ventana actual la tarjeta, después establecemos la variable para obtener el valor del parámetro del botón a pulsar, usamos esa variable desplazarnos a la presentación con el nombre del parámetro que recogimos y salimos del guion.
6. En la Configuración de barra de botones, a cada botón le asignamos la acción de ejecutar guion y el parámetro con el nombre de la presentación a navegar.
7. Volvemos a la presentación “home” y de nuevo vamos Guiones => Espacio de trabajo de guiones, Creamos el script “ToogleNav” con los siguientes pasos de guion:
Donde queremos una nueva ventana estilo ficha, queremos que tome todo el espacio de la pantalla y se adapte a todas las pantallas por eso en el cuerpo obtenemos la altura disponible y desde arriba y a la izquierda al borde superior lo dejamos en 0, la anchura la dejamos en 240.
Le desactivamos las opciones de cerrar ventana y la de obscurecer ventana principal para darle ese efecto.
8. Le asignamos al botón “barras” el nuevo script.
9. Este es el Resultado:
Como veras nos queda un bonito menú re utilizable para cualquier solución, te lo comparto:
Si te gusto este articulo regálame unas palmas y comenta. tu feedback me ayuda mucho.
