Esempio: Elementi di visualizzazione
Prodotto: CODESYS Visualization
Questo esempio mostra come utilizzare gli elementi di visualizzazione e gestire gli eventi.
Descrizione
Questo esempio mostra come integrare le immagini nella visualizzazione. Per includere una nuova immagine esterna, è necessario aggiungere una voce al pool di immagini e inserire l'immagine lì. All'immagine inclusa di recente viene quindi assegnato un ID univoco.
L'esempio mostra anche cosa devi fare per far ruotare un elemento dopo un evento del mouse.
![]() |
Ovunque venga visualizzata un'immagine, viene fatto riferimento al suo ID dal pool di immagini. Ad esempio, un elemento di visualizzazione che visualizza un'immagine utilizza l'ID per fare riferimento a tale immagine nel suo ID statico proprietà dell'elemento.
Alcuni eventi del mouse sono supportati direttamente dalla visualizzazione:
OnMouseClick
,OnMouseDown
,OnMouseLeave
,OnMouseEnter
,OnMouseUp
undOnMouseMove
Altri eventi (doppio clic, trascinamento) sono implementati nel file
MouseEvents
programma. Ad esempio, il colore dell'elemento cambia quando si verifica un evento.Gli elementi possono ruotare in due modi diversi. Viene fatta una distinzione tra rotazione interna e rotazione normale. In entrambi i casi, l'elemento ruota attorno al punto medio (centro di rotazione). Tuttavia, nel caso di rotazione interna, l'elemento ruota anche su se stesso (autorotazione), cosa che non avviene con la rotazione normale.
Informazioni aggiuntive
Main
: Chiama i seguenti programmiMouseEvents
: Implementa il doppio clic e il trascinamento per un oggettoUn timer viene utilizzato per il doppio clic per attendere il secondo clic del mouse. Per implementare il trascinamento, viene calcolata una nuova posizione per l'oggetto quando il mouse viene premuto e si sposta.
Node
: apre e chiude il nodo dopo un doppio clic.Questo viene fatto anche con un timer per il doppio clic.
Rotation
: Calcola la posizione per ogni angolo di un cerchioVisualization
: È importante che l'intervallo di tempo per l'attività di visualizzazione sia breve per ottenere un rapido feedback dall'interfaccia utente.
Requisiti di sistema e restrizioni
Sistema di programmazione | CODESYS Development System (versione 3.5.14.0 o superiore) |
Sistema di esecuzione | CODESYS Control Win (versione 3.5.14.0 o superiore) |
Componenti aggiuntivi | - |
Avviso
SCARICAMENTO Progetto