Diseñar pantallas

Controles disponibles

Control	Uso
Texto	Rótulo fijo o valor de una variable con unidad y decimales
Entrada	Valor editable con doble clic en Runtime
Botón	Conmutar, escribir un valor, mando momentáneo, navegar, abrir emergente o ejecutar script
Piloto	Estado booleano con colores on / off / bad
Barra	Nivel vertical entre mínimo y máximo
Indicador	Aguja analógica: esfera de 240°, semicírculo o termómetro, con zonas de aviso y alarma
Lista de textos	Traduce valores (0 → Parado, 1 → Marcha)
Imagen	PNG o SVG del proyecto
Línea, polilínea, tubería	Trazados con flechas, grosor y estilo
Rectángulo, elipse	Formas con relleno y trazo
Faceplate	Instancia de una plantilla reutilizable
Tendencia, Alarmas	Visores de operación
Contenedor de pantalla	Zona de un layout

Indicador analógico

Inserta Indicador desde la caja de herramientas y elige su variable numérica. En Escala se configuran:

Propiedad	Uso
Mínimo / Máximo	Rango de la escala; las divisiones se calculan solas
Estilo	Esfera 240° (manómetro, tacómetro), semicírculo 180° (instrumento de panel) o termómetro
Aviso desde / Alarma desde	Opcionales: pintan una zona ámbar y otra roja hasta el máximo
Texto, unidad y decimales	Rótulo bajo el eje y formato de la lectura

El color de Fondo de la apariencia es el de la aguja o del líquido del termómetro. Con Propiedades dinámicas puede cambiar de color, por ejemplo a rojo por debajo de una presión mínima. Sin lectura válida, la aguja se vuelve gris y la lectura muestra —.

Dibujar trazados

Herramienta	Cómo
Línea	Clic en origen y clic en destino
Polilínea	Clic por vértice; Enter, doble clic o botón derecho termina
Tubería	Igual, con tramos horizontales/verticales y acabado con brillo

Esc cancela, Retroceso elimina el último punto y Shift restringe a horizontal/vertical. Una vez dibujado, arrastra los vértices o edita sus coordenadas en el inspector con + Punto, − Punto e Invertir.

Ordenar y alinear

Orden lleva al frente, al fondo o sube/baja una capa conservando el orden relativo de la selección. Alinear usa los límites conjuntos de la selección. Duplicar y Eliminar actúan sobre el lienzo. Copiar / Cortar / Pegar (Ctrl+C / X / V) llevan elementos de una pantalla a otra; una tendencia o un visor de alarmas pegado se lleva su propia copia de la configuración.

Lista de textos

1. Añade Lista de textos y selecciona su variable.
2. Pulsa Configurar textos… y crea filas valor → texto.
3. Define el texto por defecto para valores sin correspondencia.

Con mala calidad o sin lectura se muestra —. Para estados usa variables enteras o booleanas: la comparación es exacta.

Layouts: cabecera fija y contenido variable

Un layout es una pantalla normal que contiene Contenedores de pantalla; en el árbol se distingue por su icono.

1. Crea las pantallas de cabecera y contenido.
2. Crea otra pantalla para el layout (+ Crear → Pantalla).
3. Añade Contenedores de pantalla, nómbralos (cabecera, contenido) y asigna su pantalla inicial.
4. En los botones de navegación elige Abrir pantalla y Abrir en → contenido.
5. Clic derecho sobre el layout → Usar como pantalla de inicio, y guarda.

Zona actual navega dentro del contenedor del botón; Ventana completa sustituye toda la composición.

Ventanas emergentes

Un botón con Acción → Abrir emergente abre una pantalla en su propia ventana. Bloquear la ventana principal la hace modal. Cada pantalla tiene como máximo una emergente: abrirla otra vez la trae al frente. Usa Cerrar emergente o la X para cerrarla.

Objetos de librería y permisos

Inserta símbolos y equipos desde Librerías o el selector Objeto de librería. Los objetos estándar se pueden copiar al proyecto para modificarlos; las instancias conservan el formato kind: "faceplate". Un botón puede abrir un objeto de librería emergente y reenviar sus parámetros. Consulta Librerías.

Los botones y entradas pueden declarar "permission": "recipes" u otro permiso; por defecto los mandos requieren operate cuando la seguridad está activa. Ocultar un control mediante una dinámica no sustituye la autorización. Consulta Usuarios y roles.