Micro Tips vol. 2

En Micro Tips vol. 2 vamos a ver unas cuantas cosillas interesantes… agarraos los nachos!

Recordad que al final de la entrada tenéis el archivo de ejemplo desbloqueado donde podréis “destripar” y ver todo lo que se cuece bajo el capó.

Descargadlo y tenedlo a mano, si usáis las versiones Advanced de FileMaker podéis realizar “copy/pastes” de guiones, tablas, listas de valores, … entre archivos FileMaker evitando así de tener que reproducir el proceso manualmente. Recomiendo siempre las versiones Advanced de FileMaker.

 

Al Turrón!!

Sumario de las Micro Tips de esta entrada.

• Centrado de Ventana Emergente

• Gráficos Circulares Huecos

• Notificación a Pantalla Completa

• Cálculos en Listado

 

Centrado de Ventana Emergente

En esta técnica vamos a explicar como centrar las ventanas emergentes en el centro de la pantalla, su uso es variado, mensaje emergente personalizado, ventana auxiliar de selector de registros, etc… la uso mucho en versiones anteriores a FileMaker 13 para dar uniformidad a la solución y que no aparezcan las ventanas emergentes en “plan aleatorio” por la pantalla.

En versiones 13 y superiores de FileMaker suelo reemplazar muchas ventanas emergentes por popovers (Paneles Flotantes) además que en FileMaker Go no gestiona de igual forma las ventanas flotantes que en la versión Pro.

Usaremos un Guión para lanzar una ventana y centrarla, el guión recoge datos de posición y tamaño de la Pantalla, la Ventana Fuente y la Ventana Nueva.

#———— Guardamos los Parámetros del tamaño de Pantalla ————————————————————
Establecer variable [ $AlturaPantalla; Valor:Get ( ScreenHeight ) ]
Establecer variable [ $AnchuraPantalla; Valor:Get ( ScreenWidth ) ]
#———— Guardamos los Parámetros de Altura, Anchura y Posición de la Ventana Fuente —————
Establecer variable [ $AlturaVentanaFuente; Valor:Get ( WindowHeight ) ]
Establecer variable [ $DistanciaTechoVentanaFuente; Valor:Get ( WindowTop ) ]
Establecer variable [ $AnchuraVentanaFuente; Valor:Get ( WindowWidth ) ]
Establecer variable [ $DistanciaIzquierdaVentanaFuente; Valor:Get ( WindowLeft ) ]
#———— Lanzamos la Apertura de la Nueva Ventana ————————————————————————
Nueva ventana [ Nombre: "Ventana Centrada"; Arriba: $AlturaPantalla; Izquierdo: $AnchuraPantalla; Estilo: Cuadro de diálogo; Cerrar: “Sí”; Minimizar: “No”; Maximizar: “Sí”; Área de control de ampliación “No”; Cambiar tamaño: “Sí” ]
#———— Parámetros Opcionales ——————————————————————————————————
Mostrar/Ocultar barras de herramientas [ Ocultar ]
Mostrar/Ocultar regla de texto [ Ocultar ]
Permitir barra de formato de texto [ Inactivo ]
#———— Vamos a la Presentación Deseada —————————————————————————————
Ir a la presentación [ “CentrarVentana” (Interfaz) ]
Mover/Cambiar tamaño de ventana [ Ventana actual; Altura: 260; Anchura: 600 ]
#———— Guardamos las medidas de la Ventana Nueva ———————————————————————
Establecer variable [ $AlturaVentanaNueva; Valor:Get ( WindowHeight ) ]
Establecer variable [ $AnchuraVentanaNueva; Valor:Get ( WindowWidth ) ]
#———— Centrado de Ventana ————————————————————————————————————
Mover/Cambiar tamaño de ventana [ Ventana actual; Arriba: ( ( ( $DistanciaTechoVentanaFuente + $AlturaVentanaFuente ) - $AlturaVentanaNueva ) / 2 ) + ( $DistanciaTechoVentanaFuente / 2 ); Izquierdo: ( ( ( $DistanciaIzquierdaVentanaFuente + $AnchuraVentanaFuente ) - $AnchuraVentanaNueva ) / 2 ) + ( $DistanciaIzquierdaVentanaFuente / 2 ) ]

 

Gráficos Circulares Huecos

Gráficos Huecos

Esto creo que lo he visto en google por alguna parte, es bien simple:

Inserta un Gráfico desde la Herramienta de Gráficos ⟩⟩ Selecciona Tipo de Gráfico “Circular”

Crea un Óvalo simétrico manteniendo la tecla Mayúsculas presionada ⟩⟩ Quítale la línea y asígnale el relleno que tiene el cuerpo de la presentación, para ello puedes utilizar el selector de color para obtener el color exacto del fondo de la presentación.

MT02 Relleno Desde Selector

Alinea el Óvalo con el gráfico circular.

Opcionalmente puedes poner una etiqueta dentro del Óvalo.

 

Notificación a Pantalla Completa

Este Micro Tip hace uso de un Panel Flotante (o Popover), por lo que se necesita como mínimo la versión 13 de FileMaker.

La idea es usar un Panel Flotante oculto que al lanzarlo, se muestre a Pantalla Completa bloqueando (casi completamente) la interfaz.

Se puede usar, por ejemplo, como sistema de notificación o como reemplazo de un sistema de Mensajes Emergentes, para ello realizaremos lo siguiente:

  • Tenemos que insertar un Panel Flotante en  una esquina de la Presentación
  • Luego abrir el Contenido del Panel Flotante, estirándolo hasta que ocupe más área que la presentación
  • Hay que asignarle un nombre al Contenido del Panel Flotante, abriendo el Panel Flotante, Clickeando en el Contenido para seleccionarlo, y luego en el Inspector ⟩⟩ Posición ⟩⟩ Nombre, Asignaremos un nombre para luego referirnos a él.
  • Debemos formatear el Contenido del Panel Flotante a gusto, en el ejemplo se muestra un fondo semi-transparente y otro sin color de fondo.
  • Luego dentro del Contenido del Panel insertaremos el mensaje que deseemos.
  • En el botón de acción usaremos la función “Ir a Objeto” y escribimos el nombre asignado anteriormente al Contenido del Panel Flotante.

En el ejemplo no se ha ocultado del todo el Panel Flotante, y se ha dejado un borde de línea rojo en el Cuerpo del Panel por razones didácticas.

 

Cálculos en Listado

Esta técnica la usé hace tiempo para “no recuerdo que”, googleando se la robé a un Japonés llamado Unin, básicamente lo que hace es hacer uso de la Función Evaluate y cambiar los “Retornos de Carro” (¶) por el símbolo de cálculo deseado (*, +. – , /, etc…).

Ejemplos de Cálculos.

Evaluate( Substitute( List (Cualidades_Portal::Inteligencia) ;¶;"+") )
Evaluate( Substitute( List (Cualidades_Portal::Belleza) ;¶;"*") )
Evaluate( Substitute( List (Cualidades_Portal::Felicidad) ;¶;"/") )

 

Archivo de Ejemplo Micro Tips 02

Descarga el archivo de ejemplo Micro Tips 02. Necesitas FileMaker Pro 12 o superior para poder abrir el archivo y FileMaker 13 o superior para poder ver las Notificaciones a Pantalla Completa.

 

Micro Tips

 

 

Descarga Micro Tips vol. 2

 

 

Anímate a discutir, comentar, mejorar o criticar estos Micro Tips!
Estírate y Compártelo...Share on FacebookTweet about this on TwitterShare on LinkedInEmail to someoneBuffer this pageGoogle+
Publicada en Micro Tips, Tutos & Trucos
Tarjetas , , ,
6 comments on “Micro Tips vol. 2
  1. nacho dice:

    Hola Martín, veo que utilizas mucho las ventanas y paneles, me puedes enviar sí puedes una solución para ajustar las presentaciones a cualquier pantalla, las bases de datos que hago en la empresa van bien pero cuando algún compañero tiene un monitor distinto las presentaciones se salen ó no quedan bien centradas, alguna rutina que cuando carge la apli ajuste la pantalla, gracias.

  2. Martin dice:

    Hola Nacho!
    Si más o menos todos los usuarios tienen el mismo tamaño de monitor, puedes optar por crear las presentaciones en el tamaño del monitor más pequeño.

    Por ejemplo, un usuario tiene un monitor 1920×1080, y otro tiene un monitor 1600×900, pues creas las presentaciones con el tamaño 1600×900, y al arrancar la solución, haces que se maximize.

    Para ello tienes que crear un guión con el paso de guión: Ajustar Ventana: Maximizar.
    Ese guión haces que se ejecute al inicio de la solución, para ello vete al menu Archivo > Opciones de Archivo… > Activadores de guiones
    En el evento: “OnFirstWindowOpen” le asignas el guión con el paso de Ajustar Ventana.

    Un dato interesante a la hora de crear las presentaciones, es hacer un buen uso de las “anclas” en el Inspector > Tamaño Automático
    Ahi debes anclar los elementos adecuadamente para que al maximizar la presentación encaje todo correctamente.

    Te voy a hacer un ejemplillo, y te lo subo en breve.

    Estamos en contacto!
    Martin.

  3. Martin dice:

    Ahí te dejo el ejemplo: http://technetium43.net/Blog/PresentacionesAdaptables.fmp12

    Por supuesto si hay mucha diferencia entre tamaños, siempre puedes crear varias presentaciones, pero debes valorar si vale la pena o no.

    Para cualquier duda por aquí estoy!
    Martin.

    • Nacho dice:

      Hola Martín, le estoy dando vueltas a una idea, querría hacer una pantalla tipo formulario para que me den avisos de averías,así no tengo que instalar un filemaker en cada terminal de la fábrica,yo llevo el mantenimiento,estoy acabando una aplicación en filemaker13 para llevar todo el mantenimiento,entonces como puedo hacer para que lo que teclean en el formulario lo pueda recoger en mi aplicación filemaker y grabarlas en una tabla de avisos.
      Después la monda sería poder enviarles una confirmación de que se ha recibido el mensaje, he probado ejemplos de Html, pero no sé enviar los datos a FIlemaker,Php no lo domino aún, estoy en ello, poco a poco, he pensado en alojar la apli en un cloud Filemaker y así se conectan desde el navegador, que me recomiendas, gracias y perdona por ser pesado,no paro de discurrir, un saludo y gracias.

      • Martin dice:

        Hola de nuevo Nacho!

        No se de cuantos puestos estamos hablando y de la frecuencia de avisos, si son muchos, lo de instalar FileMaker Pro o usarlo a través de WebDirect, comprar licencias de FileMaker no creo que te compense.
        Aunque si son avisos puntuales y no lo hacen varias personas a la vez, una opción podría ser WebDirect.

        Lo de alojar la Solución en un Servidor Cloud, creo que no te va a compensar…

        Enlazar una web HTML o tontear con PHP, la verdad no me he puesto en serio aun, así que no te puedo asesorar en eso…

        Yo probaría WebDirect a ver como respira… creo que es la solución más fácil.

        Cuéntame si te animas, o debatimos otro método…

        Un Saludo!
        Martin R!

        • Nacho dice:

          Hola Martín, lo mejor va a ser instalar Filemaker server en un servidor de datos de la empresa y allí dejo la aplicación y que vaya recopilando los datos de los avisos, con una aplicación sencilla de avisos en red he probado y lo hace bien, voy a probar con webdirect también y te comento, ahora mismo estoy subiendo una pequeña apli para probar

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*