📏 Línea · Propiedades del Widget
Objetivo Principal: Permite al usuario configurar la línea recta con la que se separan zonas de una pantalla SCADA o se unen visualmente dos elementos, ajustando su color, su grosor, la forma de sus extremos y su inclinación.
Esta página describe una pantalla que aún no está fotografiada en el manual, así que el despiece no numera los elementos sobre una imagen. Lo que se cuenta aquí está contrastado con la versión 0.4.46 de la aplicación.
Se llega desde Elementos SCADA – Básicos: arrastra una "Línea" al canvas o haz clic sobre su tarjeta para insertarla, selecciónala y abre la pestaña "Propiedades" del panel derecho. En la paleta aparece entre "Panel de Estados" y "Slider / Consigna", con el subtítulo "Línea recta con grosor, color y extremo opcional; rota desde el tirador".
🧩 Despiece de Elementos Funcionales
| Nombre del Elemento | Tipo | Destino / Acción | Descripción Funcional |
|---|---|---|---|
| Línea sobre el canvas | Elemento gráfico | Traza la línea | Se dibuja como una línea recta horizontal que ocupa todo el ancho del elemento y queda centrada en su alto. No lee ninguna variable ni cambia con los datos: es un elemento decorativo. Su longitud se ajusta redimensionando el elemento y su inclinación girándolo desde el tirador de rotación de la selección, igual que se gira una imagen. |
| Sección "Elemento" | Información del elemento | Consulta el tipo y bloquea la línea | Muestra el campo "Tipo" con el valor "Línea" y un botón que alterna entre "Bloquear" y "Desbloquear". Bloquear la línea es especialmente útil cuando hace de separador de fondo y estorba al seleccionar los widgets que tiene encima. |
| Sección "Capas" | Organización visual | Ordena la línea frente a otros elementos | Contiene el campo "Z-Index" y los botones "Traer al frente" y "Enviar atrás". |
| Sección "Hover" | Configuración visual | Resalta la línea al pasar el ratón | Casilla "Activar hover" más "Color glow", "Intensidad (blur)" y "Escala". |
| Sección "Línea" | Configuración visual | Define el trazo | Reúne los tres controles del trazo: "Color", "Grosor" y "Extremos". |
| "Color" | Selector de color | Fija el color del trazo | Abre el selector de color de la aplicación, con transparencia. De fábrica la línea es de un gris muy oscuro, casi negro. |
| "Grosor" | Deslizador | Fija el grosor del trazo | Se ajusta entre 1 y 40 píxeles, con salto de 1; el valor activo se lee en la etiqueta que acompaña al deslizador. De fábrica son 3 píxeles. |
| "Extremos" | Grupo de botones | Elige la forma de las puntas | Dos opciones, "Rectos" y "Curvados". De fábrica la línea sale con extremos curvados. Si vuelves a pulsar la opción que ya está marcada, el botón se deselecciona y la línea se dibuja de nuevo con extremos curvados, que es su comportamiento por defecto. |
| Sección "Extremo" | Configuración visual | Añade y configura la bola final | Reúne los tres controles de la bola opcional: "Bola en el extremo", "Color de la bola" y "Tamaño de la bola". |
| "Bola en el extremo" | Interruptor | Muestra u oculta la bola | Llega apagado. Al activarlo aparece un círculo relleno en el extremo final de la línea, que es el derecho de su caja antes de girarla; si después giras el elemento, la bola gira con él. Útil para señalar el punto al que apunta la línea. |
| "Color de la bola" | Selector de color | Fija el color de la bola | Mientras no lo toques, la bola se dibuja del mismo color que la línea, aunque el selector muestre un azul muy oscuro. En cuanto elijas un color, manda el que hayas elegido. |
| "Tamaño de la bola" | Deslizador | Fija el diámetro de la bola | Se ajusta entre 4 y 60 píxeles. Mientras no lo muevas, la etiqueta del deslizador marca 50px pero la bola se dibuja con un diámetro derivado del grosor de la línea, dos veces y media ese grosor; en cuanto muevas el deslizador, pasa a mandar el valor que fijes. En ningún caso la bola se dibuja más estrecha que la propia línea. |
| Sección "Editor" | Configuración del canvas | Ajusta el comportamiento al colocar | Contiene la casilla "Snap a cuadrícula (5px)", que ayuda a dejar varias líneas alineadas entre sí. |
| Sección "Acciones" | Gestión del elemento | Elimina la línea | Un único botón, "Eliminar elemento". |
💡 Guía de Uso
La línea no tiene panel de datos porque no lo necesita: es el elemento con el que se ordena visualmente una pantalla. Sirve para separar la zona de mandos de la de lecturas, para subrayar el título de un bloque o para unir dos widgets y dar a entender que pertenecen al mismo circuito.
Hay una cosa que conviene tener clara desde el principio: la inclinación no se configura en el panel. En Propiedades solo se ajustan color, grosor y extremos; para inclinar la línea hay que seleccionarla en el canvas y girarla desde el tirador de rotación, como se gira cualquier otro elemento. La longitud, del mismo modo, se ajusta estirando el elemento, no con un campo numérico.
La bola del extremo convierte la línea en un puntero. Si la usas para señalar un equipo dentro de un plano de fondo, dale a la línea un grosor discreto —de 2 a 4 píxeles basta— y activa "Bola en el extremo": con el tamaño derivado del grosor la proporción ya queda equilibrada, así que solo hace falta tocar "Tamaño de la bola" cuando quieras un punto deliberadamente grande. Y si la línea va a viajar sobre fondos de distinto color, revisa el contraste: al ser un elemento puramente decorativo, no cambia de color por sí misma en ninguna situación.