Skip to main content

Animación del cliente

El Animación del cliente función permite animar visualizaciones de forma rápida y sencilla. La animación se ejecuta independientemente del ciclo de la tarea de visualización. VISU_TASK La carga de trabajo computacional necesaria para la animación se ejecuta directamente en el cliente.

Aviso

0_Sample_ProjectProyecto de muestra para la función de animación del cliente

Movimiento

Por ejemplo, un elemento de visualización puede aproximarse a una posición objetivo, rotar dinámicamente o aparecer en transiciones suaves.

Propiedad animable

Movimiento

Movimiento absoluto, Movimiento, incógnita, Y

Se aproxima a la posición objetivo especificada.

Movimiento absoluto, Rotación interior

Movimiento absoluto, Rotación exterior

La rotación se anima desde el ángulo anterior al nuevo ángulo.

Los grupos, marcos y controles nativos también pueden rotar.

Cubrir

Los elementos de visualización y los controles nativos se pueden superponer mediante elementos o elementos de diálogo.

_cds_img_element_overlay.png

Animación de tiempo

. Animación de tiempo

  • Los diálogos se muestran y ocultan con transiciones suaves.

  • Los elementos se muestran y ocultan con transiciones suaves. Puedes controlar el uso de... Variable de estado, Invisible propiedad a la visibilidad de un elemento de visualización.

  • Los menús se muestran sin problemas.

  • Las visualizaciones de cuadros cambian sin problemas, entrando y saliendo de la vista con transiciones suaves.

Animación de imágenes

Las imágenes en formato de gráficos GIF o como gráficos vectoriales SVG se interpretan como animaciones y se muestran en movimiento en tiempo de ejecución.

Activando la animación del cliente

Requisito: El CODESYS proyecto contiene una aplicación con una visualización.

  1. En el Dispositivos Ver, abra el Administrador de visualización.

  2. Seleccione el Admite animaciones de clientes y superposición de elementos nativos opción.

    Nota

    Esta opción solo se muestra cuando CODESYS WebVisu clientes o CODESYS TargetVisu clientes se han insertado debajo del Administrador de visualización. Sin embargo, el CODESYS TargetVisu clientes deben soportar esta función.

    Los elementos de visualización se configuran con el Duración de la animación y Traer al primer plano propiedades. Ahora la animación del cliente está habilitada.

Configuración del elemento de visualización

Un elemento de visualización se anima automáticamente cuando al menos una propiedad animable cambia su valor en tiempo de ejecución. En este caso, la duración de la animación no es 0 y se ha configurado en el Duración de la animación Propiedad. La animación es procesada por el cliente.

Requisito: La animación del cliente está habilitada.

  1. Seleccione un elemento de visualización.

  2. En el respectivo Propiedades vista, en el Duración de la animación campo de entrada, especifique el valor 500.

    Ahora la animación dura 500 milisegundos.

  3. Declarar las variables de posición, por ejemplo en el editor de interfaz de la visualización.

    Editor de interfaz

    VAR
    iXPosition : INT;
    iYPosition : INT;
END_VAR

  4. Seleccione el Movimiento absoluto, Movimiento, incógnita propiedad y asignar la variable iXPosition.

  5. Seleccione el Movimiento absoluto, Movimiento, Y propiedad y asignar la variable iYPosition.

  6. Programe una configuración de entrada, por ejemplo, para controlar un cambio de posición.

    Configuración de entrada, Al hacer clic con el ratón propiedad: Ejecutar código ST.

    Ejecutar código ST

    iXPosition := 100;
iYPosition := 100;

  7. Construya, inicie y descargue la aplicación.

    La aplicación con la visualización está en ejecución. Al hacer clic en el elemento de visualización, este se desplaza dinámicamente a la posición establecida.

En esta sección: