Skip to main content

Elemento de visualización: Control deslizante redondo

Símbolo:

_visu_icon_round_slider.png

Categoría: Controles de medición

Un control deslizante redondo es un control que permite establecer un valor en una ruta circular. El usuario de la visualización mueve una manija o un botón a lo largo de un círculo o arco. El valor actual del elemento se ajusta en consecuencia a medida que se empuja la perilla y se mueve a lo largo de la escala del arco del control deslizante

Propiedades de los elementos

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

Todas las propiedades están disponibles solo después de seleccionar Avdvanced opción o la All categories filtrar en Propiedades.

Nombre del elemento

GenElemInst_5

Asignación de nombres

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

Tipo de elemento

Deslizador redondo

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.

Valor

Variable

Variable (tipo de datos numéricos)

Ejemplo: PLC_PRG.iRoundSlider

Cuando se ejecuta, el valor de la variable contiene la posición en la que el usuario ha movido el control deslizante.

Formato de valor

Texto con marcador de posición y especificación de formato para mostrar el valor actual de la variable

Ejemplo: %d, Value: %d

Posición

Establece la posición en el área interior del elemento para el texto definido en el Formato de valor propiedad

  • Parte superior

  • Centro

  • Parte inferior

Tipo de letra

Fuente para salida de texto

Ejemplo: Predeterminado

_cds_icon_arrow_down.png: Cuadro de lista con fuentes de estilo

_cds_icon_three_dots.png: El Fuente Se abre el cuadro de diálogo.

Color de fuente

Color de fuente para la salida de texto

Ejemplo: Negro

_cds_icon_arrow_down.png: Cuadro de lista con colores de estilo

_cds_icon_three_dots.png: El Color Se abre el cuadro de diálogo.

Arco

Escala de arco del mando giratorio

Utilizar degradado de color

standard icon: El elemento se dibuja con un degradado de color. El escenario del Color del arco se ignora la propiedad.

Selección de degradado de color

Al hacer clic en la fila, se abrirá el editor de degradado para la configuración del color.

Color del arco

Establece el color del área actualmente seleccionada. Esta configuración no se usa si Usa un color degradado se ha habilitado la opción.

  • _cds_icon_arrow_down.png

    Cuadro de lista con colores de estilo

  • _cds_icon_three_dots.png

    Se abre el cuadro de diálogo de colores.

    Ejemplo: Negro

Transparencia

Especifica el valor de transparencia en el rango de 0 (totalmente transparente) a 255 (opaco) y, como resultado, determina la transparencia del color respectivo.

Transparencia de solo lectura

Si el color es un color de estilo y ya tiene un valor de transparencia, esta propiedad está protegida contra escritura.

Color de fondo del arco

Color de fondo que se muestra

  • _cds_icon_arrow_down.png

    Cuadro de lista con colores de estilo

  • _cds_icon_three_dots.png

    Se abre el cuadro de diálogo de colores.

Transparencia

Especifica el valor de transparencia en el rango de 0 (totalmente transparente) a 255 (opaco) y, como resultado, determina la transparencia del color respectivo.

Transparencia de solo lectura

Si el color es un color de estilo y ya tiene un valor de transparencia, esta propiedad está protegida contra escritura.

Ancho del arco

Valor fijo para el ancho del arco (en píxeles)

Ejemplo: 20

Para que la visualización sea más dinámica, puede especificar una variable en lugar de un valor fijo. Para ello, haga doble clic en el campo de valores. A continuación, el _visu_icon_variable.png se mostrará el símbolo. Al hacer clic en él, se mostrará el Variable propiedad en una línea separada directamente debajo de ella.

Variable

Variable para el ancho del arco

Para cambiar la propiedad mediante programación en tiempo de ejecución, puede especificar una variable. En este caso, un valor especificado en la propiedad anterior no tendrá ningún efecto. Al hacer clic en _visu_icon_input_assistant.png el símbolo proporcionará ayuda con la entrada.

Tras hacer doble clic en el campo, _visu_icon_delete.png se mostrará el símbolo. Al hacer clic en el símbolo, se eliminará esta propiedad del elemento responsable de la visualización dinámica.

Final de arco

  • Redondo

  • Rectángulo

Valor inicial

Valor inicial fijo de la escala de arco

Ejemplo: 0

Para que la visualización sea más dinámica, puede especificar una variable en lugar de un valor fijo. Para ello, haga doble clic en el campo de valores. A continuación, el _visu_icon_variable.png se mostrará el símbolo. Al hacer clic en él, se mostrará el Variable propiedad en una línea separada directamente debajo de ella.

Variable

Variable (opcional) para el valor inicial

Para cambiar la propiedad mediante programación en tiempo de ejecución, puede especificar una variable. En este caso, un valor especificado en la propiedad anterior no tendrá ningún efecto. Al hacer clic en _visu_icon_input_assistant.png el símbolo proporcionará ayuda con la entrada.

Tras hacer doble clic en el campo, _visu_icon_delete.png se mostrará el símbolo. Al hacer clic en el símbolo, se eliminará esta propiedad del elemento responsable de la visualización dinámica.

Valor final

Valor final fijo de la escala de arco

Ejemplo: 100

Para que la visualización sea más dinámica, puede especificar una variable en lugar de un valor fijo. Para ello, haga doble clic en el campo de valores. A continuación, el _visu_icon_variable.png se mostrará el símbolo. Al hacer clic en él, se mostrará el Variable propiedad en una línea separada directamente debajo de ella.

Variable

Variable (opcional) para el valor final

Para cambiar la propiedad mediante programación en tiempo de ejecución, puede especificar una variable. En este caso, un valor especificado en la propiedad anterior no tendrá ningún efecto. Al hacer clic en _visu_icon_input_assistant.png el símbolo proporcionará ayuda con la entrada.

Tras hacer doble clic en el campo, _visu_icon_delete.png se mostrará el símbolo. Al hacer clic en el símbolo, se eliminará esta propiedad del elemento responsable de la visualización dinámica.

Ángulo de inicio

Valor fijo para el ángulo inicial (en grados)

El ángulo inicial define la posición en el círculo donde comienza la escala del arco del control giratorio. El ángulo (en grados) se mide en el sentido de las agujas del reloj desde el eje X positivo (3 en punto) y determina el punto inicial visual del control. Los valores posibles están en el rango de 0 a 359

Ejemplo: 135

Para que la visualización sea más dinámica, puede especificar una variable en lugar de un valor fijo. Para ello, haga doble clic en el campo de valores. A continuación, el _visu_icon_variable.png se mostrará el símbolo. Al hacer clic en él, se mostrará el Variable propiedad en una línea separada directamente debajo de ella.

Variable

Variable (opcional) para el ángulo inicial

Para cambiar la propiedad mediante programación en tiempo de ejecución, puede especificar una variable. En este caso, un valor especificado en la propiedad anterior no tendrá ningún efecto. Al hacer clic en _visu_icon_input_assistant.png el símbolo proporcionará ayuda con la entrada.

Tras hacer doble clic en el campo, _visu_icon_delete.png se mostrará el símbolo. Al hacer clic en el símbolo, se eliminará esta propiedad del elemento responsable de la visualización dinámica.

Ángulo de rotación

Valor fijo para el ángulo de rotación

El valor indica el rango angular del control giratorio en el sentido de las agujas del reloj, empezando por el ángulo inicial definido. Un ángulo de giro mayor aumenta el rango de rotación alrededor del círculo. Los valores válidos están en el rango de 0

Ejemplo: 270

Para que la visualización sea más dinámica, puede especificar una variable en lugar de un valor fijo. Para ello, haga doble clic en el campo de valores. A continuación, el _visu_icon_variable.png se mostrará el símbolo. Al hacer clic en él, se mostrará el Variable propiedad en una línea separada directamente debajo de ella.

Variable

Variable (opcional) para el ángulo de rotación

Para cambiar la propiedad mediante programación en tiempo de ejecución, puede especificar una variable. En este caso, un valor especificado en la propiedad anterior no tendrá ningún efecto. Al hacer clic en _visu_icon_input_assistant.png el símbolo proporcionará ayuda con la entrada.

Tras hacer doble clic en el campo, _visu_icon_delete.png se mostrará el símbolo. Al hacer clic en el símbolo, se eliminará esta propiedad del elemento responsable de la visualización dinámica.

Unidad

Mostrar

standard icon: La unidad del valor se muestra en el elemento.

Texto

Texto de la unidad

Ejemplo: m

Fuente

  • _cds_icon_arrow_down.png: Cuadro de lista con fuentes de estilo

    Ejemplo: Element-RoundSlider-UnitFont

  • _cds_icon_three_dots.png: El Fuente Se abre el cuadro de diálogo. Aquí puede especificar una fuente en detalle.

Color fuente

  • _cds_icon_arrow_down.png: Cuadro de lista con colores de estilo

    Ejemplo: Gray

  • _cds_icon_three_dots.png: El Color Se abre el cuadro de diálogo. Aquí puede especificar un color en detalle.

Botón deslizante

Mostrar

standard icon: La perilla deslizante se muestra en la escala de arco.

Color de relleno

  • _cds_icon_arrow_down.png: Cuadro de lista con colores de estilo

    Ejemplo: Element-RoundSlider_SliderFillColor

  • _cds_icon_three_dots.png: El Color Se abre el cuadro de diálogo. Aquí puede especificar un color en detalle.

Transparencia

Especifica el valor de transparencia en el rango de 0 (totalmente transparente) a 255 (opaco) y, como resultado, determina la transparencia del color respectivo.

Transparencia de solo lectura

Si el color es un color de estilo y ya tiene un valor de transparencia, esta propiedad está protegida contra escritura.

Descripción

Mostrar

standard icon: muestra la descripción del elemento.

Posición

  • Parte superior

  • Centro

  • Parte inferior

Texto

Texto que se muestra en el elemento y describe el propósito, por ejemplo

Ejemplo: Fill level 1

Fuente

  • _cds_icon_arrow_down.png

    Cuadro de lista con fuentes de estilo

    Ejemplo: Element-RoundSlider-DescriptionFont

  • _cds_icon_three_dots.png

    El Fuente Se abre el cuadro de diálogo. Aquí puede especificar una fuente en detalle.

Color de fuente

  • _cds_icon_arrow_down.png

    Cuadro de lista con colores de estilo

    Ejemplo: Gray

  • _cds_icon_three_dots.png

    El Color Se abre el cuadro de diálogo. Aquí puede especificar un color en detalle.

Imagen

Posición

  • Parte superior

  • Centro

  • Parte inferior

Tamaño

Tamaño de la imagen (en píxeles)

Ejemplo: 30

ID estática

Hace referencia a una imagen del grupo de imágenes

  • <image pool>.<ID>

  • Al hacer doble clic en el campo de valores, se abrirá el editor de líneas. Al hacer clic en _cds_icon_three_dots.png el símbolo servirá de ayuda a la hora de seleccionar una imagen del grupo de imágenes.

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 editable del punto de rotación

Al hacer doble clic en el campo de valores, se abrirá el editor de líneas.

Y

Coordenada Y editable del punto de rotación

Al hacer doble clic en el campo de valores, se abrirá el editor de líneas.

Movimiento absoluto

Las propiedades contienen variables IEC para controlar la posición del elemento de forma dinámica. El punto de referencia es la esquina superior izquierda del elemento. Durante el tiempo de ejecución, se mueve todo el elemento.

Movimiento

X

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

    Ejemplo: PLC_PRG.iPos_X.

  • Variable del contenedor: Container.Width

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

Al aumentar este valor en tiempo de ejecución, el elemento se mueve hacia la derecha.

Y

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

    Ejemplo: PLC_PRG.iPos_Y.

  • Variable del contenedor: Container.Height

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

Al aumentar este valor en tiempo de ejecución, el elemento se mueve hacia abajo.

Rotación

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

Ejemplo: PLC_PRG.iAngle1.

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

En tiempo de ejecución, la alineación del elemento permanece igual con respecto al sistema de coordenadas de la visualización. Al aumentar el valor, el elemento gira hacia la derecha

_visu_img_prp_rotation.png

Escalonamienteo

Variable (tipo de datos entero) para activar un estiramiento céntrico

Ejemplo: PLC_PRG.iScaling

El punto de referencia es el Centro propiedad.

El valor 1 reduce el elemento en un factor de 0.001. El valor 1000 devuelve el elemento a su tamaño original.

Rotación interior

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

Ejemplo: PLC_PRG.iAngle2.

Durante el 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 de acuerdo con el sistema de coordenadas de la visualización. Al aumentar el valor en el código, se gira en el sentido de las

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 Posición → Ángulo propiedad, entonces el ángulo de rotación estático se agrega al ángulo de rotación variable (desfase) 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 X, 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) durante la cual 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.

Tracer a primero 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 en la que se insertó en el editor de visualización.

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

Variables de estado

Las variables controlan el comportamiento del elemento de forma dinámica.

Invisible

Variable (BOOL) para cambiar la visibilidad del elemento

TRUE: El elemento no está visible en tiempo de ejecución.

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

Desactivar entradas

Variable (BOOL) para cambiar la operabilidad 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

Sugerencia

El Invisible la propiedad es compatible con la funcionalidad «Animación del cliente».

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.