Skip to main content

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.

_example_img_visu_elements.png
  • 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 und OnMouseMove

    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 programmi

  • MouseEvents: Implementa il doppio clic e il trascinamento per un oggetto

    Un 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 cerchio

  • Visualization: È 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

_example_icon.png SCARICAMENTO Progetto