Ejemplo: Elementos de visualización
Producto: CODESYS Visualization
Este ejemplo muestra cómo usar elementos de visualización y manejar eventos.
Descripción
Este ejemplo muestra cómo integrar imágenes en la visualización. Para incluir una nueva imagen externa, debe agregar una entrada al grupo de imágenes e insertar la imagen allí. A la imagen incluida recientemente se le asigna una identificación única.
El ejemplo también muestra lo que debe hacer para que un elemento gire después de un evento del mouse.
![]() |
Dondequiera que se muestre una imagen, se hace referencia a su ID desde el grupo de imágenes. Por ejemplo, un elemento de visualización que muestra una imagen utiliza el ID para hacer referencia a esa imagen en su identificación estática propiedad del elemento.
Algunos eventos del mouse son compatibles directamente con la visualización:
OnMouseClick
,OnMouseDown
,OnMouseLeave
,OnMouseEnter
,OnMouseUp
undOnMouseMove
Otros eventos (doble clic, arrastrar) se implementan en el
MouseEvents
programa. Por ejemplo, el color del elemento cambia cuando ocurre un evento.Los elementos pueden rotar de dos maneras diferentes. Se hace una distinción entre rotación interior y normal. En ambos casos, el elemento gira alrededor del punto medio (centro de rotación). Sin embargo, en el caso de rotación interior, el elemento también gira sobre sí mismo (auto-rotación), lo que no ocurre con la rotación normal.
Información adicional
Main
: Llama a los siguientes programasMouseEvents
: implementa el doble clic y arrastrar para un objetoSe utiliza un temporizador para que el doble clic espere el segundo clic del mouse. Para implementar el arrastre, se calcula una nueva posición para el objeto cuando se presiona el mouse y se mueve.
Node
: Despliega y cierra el nodo después de un doble clic.Esto también se hace con un temporizador para el doble clic.
Rotation
: Calcula la posición de cada ángulo de un círculoVisualization
: Es importante que el intervalo de tiempo para la tarea de visualización sea corto para obtener una respuesta rápida de la interfaz de usuario.
Requisitos y restricciones del sistema
Sistema de programación | CODESYS Development System (versión 3.5.14.0 o superior) |
Sistema de tiempo de ejecución | CODESYS Control Win (versión 3.5.14.0 o superior) |
Componentes adicionales | - |
Aviso
DESCARGAR Proyecto