Exemple : Éléments de visualisation
Produit : CODESYS Visualization
Cet exemple montre comment utiliser les éléments de visualisation et gérer les événements.
Description
Cet exemple montre comment intégrer des images dans la visualisation. Pour inclure une nouvelle image externe, vous devez ajouter une entrée au pool d'images et y insérer l'image. L'image récemment incluse se voit alors attribuer un identifiant unique.
L'exemple montre également ce que vous devez faire pour faire pivoter un élément après un événement de souris.
![]() |
Partout où une image est affichée, son ID est référencé à partir du pool d'images. Par exemple, un élément de visualisation qui affiche une image utilise l'ID pour référencer cette image dans son ID statique propriété de l'élément.
Certains événements de souris sont directement pris en charge par la visualisation :
OnMouseClick
,OnMouseDown
,OnMouseLeave
,OnMouseEnter
,OnMouseUp
undOnMouseMove
D'autres événements (double-clic, glisser) sont implémentés dans le
MouseEvents
programme. Par exemple, la couleur de l'élément change lorsqu'un événement se produit.Les éléments peuvent pivoter de deux manières différentes. Une distinction est faite entre la rotation intérieure et la rotation normale. Dans les deux cas, l'élément tourne autour du milieu (centre de rotation). Cependant, dans le cas d'une rotation intérieure, l'élément tourne également sur lui-même (auto-rotation), ce qui n'est pas le cas avec la rotation normale.
Informations Complémentaires
Main
: Appelle les programmes suivantsMouseEvents
: Implémente le double-clic et glisser pour un objetUne minuterie est utilisée pour le double-clic pour attendre le deuxième clic de souris. Pour implémenter le glissement, une nouvelle position de l'objet est calculée lorsque la souris est enfoncée et se déplace.
Node
: Déplie et ferme le noeud après un double clic.Cela se fait également avec une minuterie pour le double clic.
Rotation
: Calcule la position de chaque angle d'un cercleVisualization
: Il est important que l'intervalle de temps pour la tâche de visualisation soit court afin d'obtenir un retour rapide de l'interface utilisateur.
Configuration système requise et restrictions
Système de programmation | CODESYS Development System (version 3.5.14.0 ou supérieure) |
Système d'exécution | CODESYS Control Win (version 3.5.14.0 ou supérieure) |
Composants complémentaires | - |
Avis
TÉLÉCHARGER Projet