Saltar al contenido principal

Configuración y Diseño del Sinóptico

En esta sección exploraremos cómo configurar la pantalla del sinóptico a nivel global y cómo gestionar sus elementos. Además, veremos el concepto de sinóptico como objeto, permitiendo la incrustación de unas pantallas dentro de otras.

Propiedades del Sinóptico​

Al acceder a las propiedades del fondo (haciendo clic derecho sobre el lienzo vacío o desde la lista de sinópticos), se abrirá el panel de configuración organizado en las siguientes solapas:

General​

En esta pestaña encontraremos los parámetros básicos de configuración:

  • Nombre: Identificador interno único del sinóptico. Se utiliza para referenciarlo en scripts u otras partes de la aplicación.
  • Descripción: Es el nombre que se mostrará en la pestaña del navegador cuando el sinóptico se ejecute en modo Runtime (versión web).
  • Ancho: Ancho en píxeles. En modo Runtime, si la pantalla tiene una medida distinta, el sinóptico se adaptará y se centrará automáticamente. Si se deja en blanco, tomará el ancho de la pantalla de ejecución (esto puede afectar a herramientas de diseño como el centrado).
  • Alto: Alto en píxeles. Al igual que el ancho, se adapta a pantallas distintas pero no se centra automáticamente. Si se deja en blanco, tomará el alto de la pantalla de ejecución.
  • Color: Define el color de fondo. Este tono no será visible cuando el sinóptico se inserte como objeto dentro de otro sinóptico.
  • Panelable: Permite que el sinóptico pueda ser cargado dentro de un Panel Flexible.
  • Lanzable: Habilita el sinóptico para ser enviado a clientes Runtime remotos que estén en modo escucha (útil para el control de pantallas desatendidas).

Avanzado​

code Tipos de Scripts​

Esta sección permite definir la lógica de programación del sinóptico. Puedes añadir un máximo de un script de cada tipo:

  • Global: Diseñado para la definición e inicialización de constantes, variables globales y métodos que se utilizarán en otros scripts (tanto del sinóptico como de sus elementos). Se ejecuta inmediatamente al iniciar el sinóptico, antes de que los elementos se carguen o rendericen.
  • Al Cargar: Ejecuta lógica una vez que el sinóptico se ha cargado completamente y todos sus elementos ya son visibles en la interfaz. Es ideal para la manipulación inicial de datos o el estado de los componentes al abrir la pantalla, cada vez que se acceda a ella.
  • Cíclico: Permite ejecutar funciones de forma recurrente cada intervalo de tiempo determinado (milisegundos, ms). Es la herramienta perfecta para actualizaciones periódicas de valores, refresco de estados o consultas continuas a servicios externos.

Sinópticos Incrustados (Modularidad)​

Una de las funcionalidades más potentes del editor es la capacidad de incrustar un sinóptico dentro de otro. Esta característica permite trabajar de forma modular, tratando pantallas enteras como si fueran componentes reutilizables.

Reutilización y Plantillas​

En lugar de diseñar elementos repetitivos en cada pantalla, puedes crear un sinóptico independiente y luego insertarlo en múltiples vistas. Esto simplifica drásticamente el desarrollo y garantiza la coherencia visual en todo el proyecto.

  • Mantenimiento centralizado: Si realizas un cambio en el sinóptico original, la actualización se propagará automáticamente a todas las pantallas donde esté incrustado.
  • Creación de componentes complejos: Puedes diseñar componentes avanzados (como un controlador de motor o una cabecera de planta) una sola vez y reutilizarlos infinitamente.

Personalización por Instancia​

Lo que hace que esta herramienta sea realmente flexible es que cada vez que insertas un sinóptico en otro (una "instancia"), el editor te permite acceder a las propiedades y estilos de todos sus elementos internos para redefinirlos de forma individual.

  • Adaptabilidad Total: Puedes vincular cada elemento (botones, textos, indicadores) a variables reales distintas o ajustar sus colores y textos específicamente para ese lugar. Por ejemplo, una misma plantilla de control puede usarse para múltiples motores vinculando cada instancia a sus datos correspondientes, o un menú de navegación puede resaltar el botón de la página actual modificando solo su estilo en esa pantalla.

Esta capacidad de reutilizar sinópticos permite construir experiencias de usuario ricas y complejas con un esfuerzo de mantenimiento mínimo, manteniendo siempre el vínculo con el diseño original.