Skip to main content

Elemento de visualización: Visualización de barras

Símbolo:

_visu_img_bar_display.png

Categoría: Controles de medición

El elemento muestra el valor de una variable.

Propiedades del elemento

¿Están disponibles todas las propiedades de los elementos?

Todas las propiedades están disponibles solo después de seleccionar la Avanzado opción o la Todas las categorías filtrar en Propiedades.

Nombre del elemento

Ejemplo: GenElemInst_2

Sugerencia

Asigne nombres individuales a los elementos para que se encuentren más rápido en la lista de elementos.

Tipo de elemento

Pantalla de barra

Valor

Variable (tipo de dato numérico)

El valor de la variable se muestra como una longitud de barra.

Centro

Las propiedades contienen valores fijos para las coordenadas del punto de rotación. El punto de rotación se muestra en el editor como _visu_icon_center_point.png símbolo y se utiliza como centro para la rotación y la escala.

Sugerencia

También puedes cambiar los valores arrastrando el _visu_icon_center_point.png símbolo a otra posición en el editor.

X

Coordenada X del punto de rotación

Y

Coordenada Y del punto de rotación

Movimiento absoluto

Las propiedades se pueden asignar a variables IEC para controlar dinámicamente la posición del elemento. El punto de referencia es la esquina superior izquierda del elemento. Durante la ejecución, se mueve todo el elemento.

Movimiento

X

  • Variable (tipo de dato numérico) para la posición X (en píxeles)

    Ejemplo: PLC_PRG.iPos_X

Aumentar este valor en tiempo de ejecución mueve el elemento hacia la derecha.

Y

  • Variable (tipo de dato numérico) para la posición Y (en píxeles)

    Ejemplo: PLC_PRG.iPos_Y

  • Variable contenedora: Container.Height

    Para obtener más información, consulte lo siguiente: Ajuste óptimo de la posición y el tamaño

Aumentar este valor en tiempo de ejecución mueve el elemento hacia abajo.

Rotación

Variable (tipo de dato numérico) para el ángulo de rotación (en grados)

Ejemplo: PLC_PRG.iAngle1

El punto medio del elemento gira en el Centro punto. Este punto de rotación se muestra como el _visu_icon_center_point.png símbolo.

Durante la ejecución, la alineación del elemento permanece igual respecto al sistema de coordenadas de la visualización. Al aumentar el valor, el elemento gira a la derecha.

_visu_img_prp_rotation.png

Rotación interior

Variable (tipo de dato numérico) para el ángulo de rotación (en grados)

Ejemplo: PLC_PRG.iAngle2

En tiempo de ejecución, el elemento gira alrededor del punto de rotación especificado en Centro Según el valor de la variable. Además, la alineación del elemento gira según el sistema de coordenadas de la visualización. Al aumentar el valor en el código, el elemento gira en sentido horario.

El punto de rotación se muestra como el _visu_icon_center_point.png símbolo.

Nota

Si se especifica un ángulo de rotación estático en el Posición → Ángulo propiedad, luego el ángulo de rotación estático se agrega al ángulo de rotación variable (desplazamiento) cuando se ejecuta la visualización.

_visu_img_prp_inner_rotation.png

Sugerencia

Puedes combinar las variables para formar una Conversión de unidades.

Sugerencia

El incógnita, Y, Rotación, y Rotación interior Las propiedades son compatibles con la funcionalidad "Animación del cliente".

Animación

Sugerencia

Estas propiedades están disponibles solo cuando usted ha seleccionado la Admite animaciones de clientes y superposición de elementos nativos opción en el Administrador de visualización.

Duración de la animación

Variable para la duración (en milisegundos) en la que el elemento ejecuta una animación

  • Variable (valor entero)

    Ejemplo: Menu.tContent con VAR tContent : INT := 500; END_VAR

  • literal entero

    Ejemplo: 500

. Propiedades animables
  • Movimiento absoluto, Movimiento, incógnita, Y

  • Movimiento absoluto, Rotación

  • Movimiento absoluto, Rotación interior

  • Movimiento absoluto, Rotación exterior

El movimiento animado se ejecuta cuando cambia al menos un valor de una propiedad animable. El movimiento no es brusco, sino suave dentro de la duración de la animación especificada. El elemento de visualización se desplaza a la posición especificada mientras gira dinámicamente. Las transiciones son suaves.

Mover al primer plano

Variable (BOOL ) para colocar el elemento en primer plano

TRUE: Durante la ejecución, el elemento de visualización se muestra en primer plano.

FALSE: En tiempo de ejecución, el elemento de visualización se muestra en la capa donde se insertó en el editor de visualización.

Ejemplo: bIsInForeground con VAR bIsInForeground : BOOL := FALSE; END_VAR

Fondo

color de la imagen

Cuadro de lista que contiene colores de fondo

Nota

Esta propiedad depende del estilo. Por ejemplo, no hay imágenes de fondo heterocromáticas para FlatStyle y estilo blanco.

imagen propia

  • Imagen: ID de la imagen de fondo.

    La imagen de fondo se selecciona de un grupo de imágenes haciendo clic en _cds_icon_three_dots.png.

    Sugerencia

    Si especifica el valor <predeterminado> o seleccione la imagen de la Defecto categoría en el Asistente de entrada, se utiliza la imagen de fondo del elemento original.

  • Color transparente: Color de los píxeles que se muestran como transparentes

    Selección desde el cuadro de lista o Asistente de entrada

dibujo optimizado

standard icon: La imagen de fondo se dibuja una vez. Si hay un cambio en el primer plano, solo se vuelve a dibujar la parte afectada de la imagen.

_cds_icon_option_deactivated.png: La imagen de fondo se vuelve a dibujar en ciclos.

Nota

Desactivar esta opción es sensato solo en ciertos casos excepcionales.

Posición

La posición define la ubicación y el tamaño del elemento en la ventana de visualización. Se basa en el sistema de coordenadas cartesianas. El origen se encuentra en la esquina superior izquierda de la ventana. El eje X horizontal positivo se extiende hacia la derecha. El eje Y vertical positivo se extiende hacia abajo.

X

La coordenada X (en píxeles) de la esquina superior izquierda del elemento

Ejemplo: 10

Y

La coordenada Y (en píxeles) de la esquina superior izquierda del elemento

Ejemplo: 10

Ancho

Especificado en píxeles

Ejemplo: 150

Altura

Especificado en píxeles

Ejemplo: 30

Sugerencia

Puede cambiar los valores arrastrando el módulo _visu_icon_position_element.png símbolos a otras posiciones en el editor.

Bar

Tipo de diagrama

Posición de la escala

  • Escala además de barra

  • Escala en barra

  • Barra en escala

  • sin escala

Orientación

. Orientación en función de la relación entre la anchura y la altura de la visualización de la barra:
  • Horizontal

  • Vertical

Dirección de carrera

Dirección en la que aumentan los valores

. Cuadro de lista para Orientación Horizontal:
  • De izquierda a derecha

  • De derecha a izquierda

. Cuadro de lista para Orientación Vertical:
  • Abajo hacia arriba

  • De arriba hacia abajo

Tamaño óptimo para la barra

standard icon: El ancho de la barra requiere la mayor parte de la superficie del elemento.

Nota

Esta propiedad depende del estilo. Por este motivo, no se prevé FlatStyle o BlancoEstilo.

Escala

Inicio de escala

El valor mínimo de la escala y, por lo tanto, el límite inferior del rango de valores para el elemento

Ejemplo: 0

Sugerencia

En el campo de valor, haga clic en el _visu_icon_variable.png símbolo. Entonces la propiedad se extiende por la Variable propiedad.

Variable

Variable (tipo de dato entero) para el inicio de escala

Ejemplo: PLC_PRG.iScaleStart

Declaración:

Final de escala

Valor máximo de la escala y límite superior del rango de valores del elemento

Ejemplo: 100

_visu_icon_variable.png: El Variable la propiedad se muestra debajo de ella.

Variable

Variable (tipo de dato entero) para el final de escala

Ejemplo: PLC_PRG.iScaleEnd

Declaración:

PROGRAM PLC_PRGVAR
    iScaleEnd : INT := 120;
END_VAR

escala principal

Distancia entre dos valores en la escala principal

Ejemplo: 10

Sugerencia

En el campo de valor, haga clic en el _visu_icon_variable.png símbolo. Entonces la propiedad se extiende por la Variable propiedad.

Variable

Variable (tipo de dato entero) para el espaciado

Ejemplo: PLC_PRG.iMainScale

Subescala

Distancia entre dos valores en la escala fina

Puede ocultar la escala fina estableciendo el valor en 0.

Ejemplo: 2

Sugerencia

En el campo de valor, haga clic en el _visu_icon_variable.png símbolo. Entonces la propiedad se extiende por la Variable propiedad.

Variable

Variable (tipo de dato entero) Contiene la distancia.

Ejemplo: PLC_PRG.iSubScale

Ancho de línea de escala

Especificado en píxeles

Ejemplo: 3

color de la escala

Color de las marcas de verificación

  • _cds_icon_three_dots.png:

    Color Diálogo

  • _cds_icon_arrow_down.png: Se abre un cuadro de lista con nombres de colores.

Escala en 3D

standard icon: las marcas de graduación se muestran con sombras 3D suaves.

Nota

Esta propiedad depende del estilo. no disponible para FlatStyle.

marco del elemento

standard icon: Se dibuja un marco alrededor del elemento.

Etiqueta

Unidad

Texto que se muestra en el elemento

Ejemplo: Visualización de unidades en m/s

Fuente

Fuente para etiquetas (ejemplo: numeración de escala).

Selección realizada desde el cuadro de lista o haciendo clic en el _cds_icon_three_dots.png botón.

Formato de escala (sintaxis C)

Valores escalados en sintaxis "printf"

Ejemplos: %d, %5.2f

máx. ancho de texto de las etiquetas

Valor opcional que define el ancho máximo de la etiqueta de escala

El valor se establece automáticamente.

Sugerencia

Cambie este valor solo si el ajuste automático no produce realmente el resultado esperado.

Altura del texto de las etiquetas

Valor opcional que define la altura máxima de la etiqueta de escala

El valor se establece automáticamente.

Sugerencia

Cambie este valor solo si el ajuste automático no produce realmente el resultado esperado.

Color de fuente

Selección desde el cuadro de lista o haciendo clic en el _cds_icon_three_dots.png botón.

Posicionamiento

Desplazamiento horizontal

Distancia (en píxeles) desde la escala o barra hasta el marco del elemento horizontal

Se utiliza para lograr la posición exacta relativa a la imagen de fondo

Desplazamiento vertical

Distancia (en píxeles) desde la escala o barra hasta el marco del elemento vertical

Se utiliza para lograr la posición exacta relativa a la imagen de fondo

Escalado horizontal

División horizontal de la escala (en píxeles)

Se utiliza para lograr el posicionamiento exacto en relación con la imagen de fondo

Escalado vertical

División vertical de la escala (en píxeles)

Se utiliza para lograr el posicionamiento exacto en relación con la imagen de fondo

Colores

Color del gráfico

color de la barra

fondo de la barra

standard icon: El fondo de la barra es negro.

_cds_icon_option_deactivated.png: El fondo de la barra es blanco.

Color del marco

Color con el que se dibujan los marcos

Cambiar todo el color

standard icon: El color total de la barra cambia al color del área de color del valor real.

Usar color degradado para la barra

standard icon: La barra se muestra con un degradado.

Marcadores de gama de colores

. Las áreas de color se pueden separar entre sí dentro de la barra con una marca vertical.
  • sin marcadores: Sin pantalla

  • marcador adelante: El color de la marca vertical corresponde al color del área de color anterior.

  • Marcador al revés: El color de la marca vertical corresponde al color de la siguiente área de color.

Áreas de color

Crear nuevo

Se agrega una nueva área de color.

Borrar

El área de color se elimina de la lista.

Comienzo del área

Valor inicial del área de color

Fin del área

Valor final del área de color

Color

Color que se utiliza para mostrar el área.

variable de estado

Las variables controlan dinámicamente el comportamiento del elemento.

Desactivar entradas

Variable (BOOL) para alternar la operatividad del elemento

TRUE: Las entradas del usuario ya no tienen ningún efecto en el tiempo de ejecución. El elemento se muestra como desactivado.

Permisos

Nota

Disponible solo cuando se configura una gestión de usuarios para la visualización.

Derechos de acceso botón

Abre el Derechos de acceso Diálogo. Allí puede editar los privilegios de acceso para el elemento.

. Mensajes de estado:
  • No establecido. Plenos derechos.: Derechos de acceso para todos los grupos de usuarios: operable

  • Se establecen derechos: derechos limitados: El acceso está restringido para al menos un grupo.