Skip to main content

Elemento de visualización: control deslizante

Símbolo:

_visu_img_slider.png

Categoría: Controles comunes

El elemento cambia el valor de una variable, dependiendo de la posición del control deslizante dentro de la barra deslizante. El rango de valores de la barra deslizante se define mediante el inicio y el final de la escala.

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: Speed controller conveyor belt 1

Sugerencia

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

Tipo de elemento

Deslizador

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.

Variable

Variable

Variable (tipo de dato numérico)

Ejemplo: PLC_PRG.rSlider

Cuando se ejecuta, la variable asigna un valor que corresponde a la posición del control deslizante en la barra.

Tamaño de página

. Tamaño de página
  • Como un valor fijo, por ejemplo 10

  • Como una variable IEC de tipo de datos entero

Requisito: El Mover para hacer clic propiedad del elemento es no seleccionado.

Mover para hacer clic

Comportamiento del control deslizante en tiempo de ejecución de visualización cuando se hace clic en él:

standard icon: El control deslizante se mueve a la posición en la que se hizo clic.

_cds_icon_option_deactivated.png: El control deslizante se mueve al valor (definido en el Tamaño de página propiedad del elemento) en la dirección del clic.

Escala

Mostrar escala

standard icon: El elemento tiene una escala visible.

Nota

Esta propiedad está disponible solo para el control deslizante.

Inicio de escala

Valor mínimo de la escala y límite inferior del rango de valores del 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

Final de escala

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

Ejemplo: 100

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 final de escala

Ejemplo: PLC_PRG.iScaleEnd

escala principal

Distancia entre dos marcas 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 marcas 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) para el espaciado

Ejemplo: PLC_PRG.iSubScale

Formato de escala (sintaxis C)

Formateo de la etiqueta de la escala

Ejemplo: %d %s

Nota

Esta propiedad está disponible solo para el control deslizante.

Proporción de escala

Tamaño de la escala (en %) del tamaño total

Nota

Se requiere una declaración válida en el código de la aplicación para las variables utilizadas como ejemplo en la tabla anterior.

Bar

La propiedad define la representación de la escala y la dirección de viaje.

Tipo de diagrama

El cuadro de lista varía según la alineación del diagrama.

. Horizontal
  • Cima: La escala está encima del control deslizante.

  • Fondo: La escala está debajo del control deslizante.

  • Arriba y abajo: Dos escalas enmarcan el control deslizante arriba y abajo.

. Vertical
  • Izquierda: La escala se encuentra a la izquierda del control deslizante.

  • Correcto: La escala está a la derecha del control deslizante.

  • Izquierda y derecha: Dos escalas enmarcan el control deslizante a la izquierda y a la derecha.

Orientación

. Alineación del control deslizante; definida por la relación entre el ancho y la altura.
  • Horizontal

  • Vertical

Sugerencia

Puede modificar la alineación en el editor de visualización utilizando el dispositivo señalador para ajustar el ancho y el alto de la barra de desplazamiento.

Dirección de carrera

El cuadro de lista varía según la alineación del control deslizante.

. Horizontal
  • De izquierda a derecha: La escala comienza desde la izquierda

  • De derecha a izquierda: La escala comienza desde la derecha

. Vertical
  • Abajo hacia arriba: La escala comienza desde abajo

  • De arriba hacia abajo: La escala comienza desde arriba

Variables de estado

Las variables controlan dinámicamente el comportamiento del elemento.

Invisible

Variable (BOOL) para alternar la visibilidad del elemento

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

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

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.

Sugerencia

El Invisible La propiedad es compatible con la funcionalidad "Animación del cliente".

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

Configuración de entrada

Las propiedades contienen las configuraciones para la entrada del usuario al usar el mouse o el teclado. Una entrada de usuario define un evento y una o más acciones que se ejecutan cuando ocurre un evento.

Sugerencia

El Configurar botón abre el Configuración de entrada diálogo. Allí puede crear o editar entradas de usuario.

Las entradas de usuario configuradas se enumeran debajo de los eventos. Cada uno de ellos incluye la acción que se desencadena y el escenario en forma abreviada.

Ejemplo: Ejecutar código ST: _visu_icon_action.png PLC_PRG.i_x := 0;

OnDialogCerrado

Evento de entrada: el usuario cierra el cuadro de diálogo.

Al hacer clic en el mouse

Evento de entrada: el usuario hace clic completamente con el botón del mouse en el área del elemento. Se hace clic en el botón del ratón y se suelta.

AlMouseAbajo

Evento de entrada: el usuario hace clic con el botón del mouse.

AlMouseEntrar

Evento de entrada: el usuario arrastra el puntero del mouse al elemento.

OnMouseLeave

Evento de entrada: el usuario arrastra el puntero del mouse fuera del elemento.

EnMouseMove

Evento de entrada: el usuario mueve el puntero del mouse sobre el área del elemento.

EnMouseUp

. Eventos de entrada:
  • El usuario suelta el botón del mouse dentro del área del elemento. Es irrelevante si el usuario ha pulsado previamente el botón del ratón dentro o fuera del área del elemento.

  • El usuario presiona el botón del mouse dentro del área del elemento, abandona el área del elemento y luego suelta el botón del mouse.

Nota

Esta CODESYS-El comportamiento de activación específico garantiza que se completen las acciones para los elementos clave. Un elemento clave inicia una acción para AlMouseAbajo y finaliza la acción para EnMouseUp.

Ejemplo: un usuario de visualización presiona el botón del mouse dentro del área del elemento del elemento clave y luego mueve la posición del cursor para que quede fuera del área del elemento. La acción termina de todos modos porque EnMouseUp se desencadena.

OnValueChanged

Evento que desencadena acciones de seguimiento debido a un cambio en el valor

Las acciones de seguimiento que se activan se configuran en el Configuración de entrada diálogo.

Las acciones de seguimiento definidas y la configuración correspondiente se muestran debajo de la propiedad del elemento.

los OnValueChanged El evento puede ser deshabilitado por el VISU_NO_VALUECHANGED definido por el compilador en el cuadro de diálogo de propiedades de la aplicación.

Grifo

Cuando ocurre un evento de clic del mouse, la variable definida en Variable se describe en la solicitud. La codificación depende de la Toca FALSO y Toque entrar si es capturado opciones

Variable

Requisito: El Toca FALSO la opción no está activada.

Variable (BOOL) para el evento de clic del mouse

TRUE: existe un evento de clic del mouse. Dura mientras el usuario presiona el botón del mouse sobre el elemento. Termina cuando se suelta el botón.

FALSE: No existe un evento de clic del mouse.

Ejemplo: PLC_PRG.bIsTapped

Toca FALSO

standard icon: El evento de clic del mouse conduce a un valor complementario en Variable.

TRUE: No existe un evento de clic del mouse.

FALSE: mientras exista el evento de clic del mouse.

Toque entrar si es capturado

standard icon: Durante la entrada del usuario, también se tiene en cuenta si el puntero del mouse se arrastra dentro del área del elemento o no mientras se presiona el botón del mouse.

TRUE: mientras existe el evento de clic del mouse y el puntero del mouse se mueve sobre el área del elemento.

FALSE: No existe un evento de clic del mouse. O el usuario mueve el puntero del mouse fuera del área del elemento mientras se presiona el botón del mouse.

el valor es TRUE de nuevo tan pronto como el usuario mueva el puntero de vuelta al área del elemento. Luego se captura el ratón.

Pasar a otra cosa

Con el inicio de un evento de clic del mouse, la variable se establece; cuando se completa el evento de clic del mouse, la variable se restablece.

Variable

Variable (BOOL) para alternar al final del evento de clic del mouse

Esto es cuando el usuario suelta el botón del mouse mientras el puntero del mouse está sobre el área del elemento. Si el usuario suelta el botón del mouse mientras el puntero del mouse está fuera del área del elemento, el evento de clic del mouse no finaliza y el valor no cambia.

Sugerencia

El usuario puede cancelar una entrada de alternancia iniciada arrastrando el puntero del mouse fuera del área del elemento.

Activar hacia arriba si es capturado

standard icon: el valor cambia independientemente de dónde esté el puntero del mouse cuando se suelta el botón del mouse. Luego se captura el ratón.

tecla de acceso rápido

Acceso directo en el elemento para activar acciones de entrada específicas

Cuando ocurre el evento de tecla de acceso rápido, las acciones de entrada en el Eventos se activan las propiedades. De esta forma, no es la acción de entrada en sí misma la que conduce a esta acción de entrada, sino la acción de entrada del ratón.

Llave

Tecla presionada para acción de entrada.

Ejemplo: T

Las siguientes propiedades aparecen cuando se selecciona una tecla.

Eventos

  • Ninguna

  • Ratón hacia abajo: Al pulsar la tecla se activan las acciones de entrada que están configuradas en el AlMouseAbajo propiedad.

  • Ratón arriba: Al soltar la tecla se activan las acciones de entrada que están configuradas en el EnMouseUp propiedad.

  • Ratón abajo/arriba: Al presionar y soltar la tecla se activan las acciones de entrada que están configuradas en el AlMouseAbajo propiedad y la EnMouseUp propiedad.

Pasar a otra cosa

standard icon: Combinación con la tecla "Shift"

Ejemplo: Cambio+T.

Control

standard icon: Combinación con la tecla "Ctrl"

Ejemplo: control+T.

alternativa

standard icon: Combinación con la tecla "Alt"

Ejemplo: alternativa+T.

Sugerencia

Todos los métodos abreviados de teclado y sus acciones que están configurados en la visualización se enumeran en la Configuración del teclado pestaña.

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.