Skip to main content

Elemento di visualizzazione: Orologio analogico

Simbolo:

_visu_icon_clock.png

Categoria: Controlli data/ora

L'elemento è un orologio che mostra l'ora corrente. L'orologio può anche visualizzare un'ora casuale.

Avviso

0_Sample_ProjectProgetto di esempio: "Orologio analogico"

Proprietà dell'elemento

Sono disponibili tutte le proprietà degli elementi?

Tutte le proprietà sono disponibili solo dopo aver selezionato Avanzato opzione o la Tutte le categorie filtro in Proprietà.

Nome elemento

Esempio: GenElemInst_1

Suggerimento

Assegna nomi individuali agli elementi in modo che vengano trovati più velocemente nell'elenco degli elementi.

Tipo di elemento

Orologio analogico

Posizione

La posizione definisce la posizione e la dimensione dell'elemento nella finestra di visualizzazione. Si basa sul sistema di coordinate cartesiane. L'origine si trova nell'angolo in alto a sinistra della finestra. L'asse X orizzontale positivo corre verso destra. L'asse Y verticale positivo corre verso il basso.

X

La coordinata X (in pixel) dell'angolo in alto a sinistra dell'elemento

Esempio: 10

Y

La coordinata Y (in pixel) dell'angolo in alto a sinistra dell'elemento

Esempio: 10

Larghezza

Specificato in pixel

Esempio: 150

Altezza

Specificato in pixel

Esempio: 30

Suggerimento

È possibile modificare i valori trascinando la modulo _visu_icon_position_element.png simboli in altre posizioni nell'editor.

Visualizzazione dell'ora

Usa l'ora di sistema

standard icon: Viene visualizzata l'ora di sistema del PLC (fuso orario locale).

Nota

Quando la variabile VisuElems.Visu_DateTime.DisplayUTC è anche impostato su TRUE, viene visualizzata l'ora universale (UTC).

Suggerimento

Suggerimento: implementare l'impostazione della variabile UTC come input dell'utente nella visualizzazione.

Variabile

Requisito: il Usa l'ora di sistema la proprietà non è attivata.

variabile (TOD, TIME_OF_DAY) per un tempo che non è l'ora di sistema

Esempio: PLC_PRG.todTimeTokio

Suggerimento

È possibile modificare a livello di codice il fuso orario locale dell'ora di sistema sull'ora universale (UTC).

Quando la variabile VisuElems.Visu_DateTime.DisplayUTC è impostato per TRUE, l'ora del sistema viene visualizzata come ora universale (UTC). Per impostazione predefinita, la variabile VisuElems.Visu_DateTime.DisplayUTC è impostato per FALSE in modo che l'ora del sistema venga visualizzata nel fuso orario locale.

Per la visualizzazione dei valori di data e ora è possibile estendere la rispettiva stringa di formato con il codice del fuso orario Z. Per un'uscita nell'ora di sistema locale, l'offset viene quindi visualizzato nell'ora universale (UTC). Per esempio, dd:MM:yyyy HH:mm:ss:ms:Z uscite 01.08.2021 12:00:00:001:+02:00. Quando viene visualizzato l'ora universale (UTC), viene visualizzato anche il codice UTC. 01.08.2021 10:00:00:001:Z

Disegno

Design

  • Dallo stile: Tutte le impostazioni sono preconfigurate in base allo stile.

  • Esplicito: Il Impostazioni la proprietà è disponibile. Qui puoi personalizzare l'orologio analogico.

Impostazioni

Requisito: il Proprietà è Esplicito. Solo allora è il Impostazioni dell'orologio categoria visibile.

Tabella 16. Sfondo

Colore dell'immagine

. Varianti di colore dell'immagine di sfondo predefinita

  • Giallo

  • rosso

  • Blu

  • Verde

  • Nero

Proprio sfondo

Visualizzazione in background con lo specifico Immagine. Sostituisce l'immagine di sfondo predefinita.

Immagine

Immagine da un pool di immagini o da una libreria

Esempio: myImagepool.myImage

Colore trasparente

Il colore trasparente nella rappresentazione dell'immagine.

Esempio: bianco. Significa che le parti bianche dell'immagine sono trasparenti

Usa il colore di sfondo

standard icon: Lo sfondo dell'immagine viene visualizzato utilizzando il colore definito in Colore di sfondo proprietà.

Requisito: nel file Immagine proprietà.

Colore di sfondo

Stile colore o colore

Requisiti: Usa il colore di sfondo è abilitato.



Tabella 17. Frecce

Tipo di freccia

Esempio: Puntatore sottile

Colore della lancetta delle ore

Colore della lancetta dei minuti

Colore della seconda mano

Colore dello stile o colore per le mani



Tabella 18. Linee

Modello di linea

. Graduazione del quadrante dell'orologio

  • Nessuno

  • Linea: Linee di laurea per ora

  • Ore e minuti: Divisione di ore e minuti con linee

  • Punti: Graduazione punti per ora

Colore

Colore della graduazione del quadrante dell'orologio

Larghezza della linea

Peso di linea della graduazione del quadrante dell'orologio

Scala in 3D

standard icon: Rappresentazione del quadrante dell'orologio con effetto 3D



Tabella 19. Numerici

Stile dei numeri

. Cifre sul quadrante dell'orologio

  • Nessuno

  • Trimestre

  • Tutti

Font

Carattere per la visualizzazione delle cifre

Colore del carattere

Carattere per la visualizzazione delle cifre



Tabella 20. Punto medio

Colore

Colore del centro dell'orologio



Tabella 21. Posizionamento

Utilizzo di

  • Valori di stile predefiniti: Impostazione predefinita dei valori di stile

  • Impostazioni definite dall'utente: Impostazioni definite dall'utente nel subordinato Posizionamento proprietà.

Posizionamento

Requisito: Visibile quando il Utilizzo o la proprietà è impostata su Impostazioni individuali.

Movimento numerico

Valore (in pixel) per lo spostamento delle cifre

Esempio: 80

Movimento di linea

Valore (in pixel) per lo spostamento delle linee orarie

Esempio: 100

Ridimensionamento delle mani

Fattore per ridimensionare la lunghezza della lancetta delle ore

È possibile personalizzare la posizione esatta della lancetta delle ore rispetto all'immagine di sfondo.

Esempio: 100



Tipo di ridimensionamento

Tipo di ridimensionamento

Definisce il ridimensionamento per altezza e larghezza dell'elemento

  • anisotropo:

    L'immagine di sfondo viene ridimensionata in base alle dimensioni dell'elemento L'altezza e la larghezza vengono ridimensionate indipendentemente l'una dall'altra.

  • isotropo:

    L'immagine di sfondo viene ridimensionata in base alle dimensioni dell'elemento, mantenendone la proporzione. La proporzione di altezza e larghezza è fissa.

Centro

Le proprietà contengono valori fissi per le coordinate del punto di rotazione. Il punto di rotazione viene visualizzato nell'editor come _visu_icon_center_point.png simbolo e viene utilizzato come centro per la rotazione e il ridimensionamento.

Suggerimento

È anche possibile modificare i valori trascinando il _visu_icon_center_point.png simbolo in un'altra posizione nell'editor.

X

Coordinata X del punto di rotazione

Y

Coordinata Y del punto di rotazione

Movimento assoluto

Le proprietà possono essere assegnate a variabili IEC per controllare dinamicamente la posizione dell'elemento. Il punto di riferimento è l'angolo superiore sinistro dell'elemento. In fase di esecuzione, l'intero elemento viene spostato.

Movimento

X

  • Variabile (tipo di dato numerico) per la posizione X (in pixel)

    Esempio: PLC_PRG.iPos_X

Aumentando questo valore in fase di esecuzione, l'elemento viene spostato verso destra.

Y

Aumentando questo valore in fase di esecuzione, l'elemento viene spostato verso il basso.

Rotazione

Variabile (tipo di dato numerico) per l'angolo di rotazione (in gradi)

Esempio: PLC_PRG.iAngle1

Il punto medio dell'elemento ruota nel Centro punto. Questo punto di rotazione è mostrato come _visu_icon_center_point.png simbolo.

In fase di esecuzione, l'allineamento dell'elemento rimane invariato rispetto al sistema di coordinate della visualizzazione. Aumentando il valore, l'elemento viene ruotato verso destra.

_visu_img_prp_rotation.png

Rotazione interna

Variabile (tipo di dato numerico) per l'angolo di rotazione (in gradi)

Esempio: PLC_PRG.iAngle2

In fase di esecuzione, l'elemento ruota attorno al punto di rotazione specificato in Centro In base al valore della variabile. Inoltre, l'allineamento dell'elemento ruota in base al sistema di coordinate della visualizzazione. Aumentando il valore nel codice, la rotazione avviene in senso orario.

Il punto di rotazione è mostrato come _visu_icon_center_point.png simbolo.

Nota

Se è specificato un angolo di rotazione statico nell' Posizione → Angolo proprietà, l'angolo di rotazione statico viene aggiunto all'angolo di rotazione variabile (offset) quando viene eseguita la visualizzazione.

_visu_img_prp_inner_rotation.png

Suggerimento

È possibile combinare le variabili in un Conversione di unità.

Suggerimento

IL X, E, Rotazione, E Rotazione interna le proprietà sono supportate dalla funzionalità "Animazione client".

Variabili di stato

Le variabili controllano dinamicamente il comportamento dell'elemento.

Invisibile

Variabile (BOOL ) per alternare la visibilità dell'elemento

TRUE: L'elemento non è visibile durante l'esecuzione.

Suggerimento

IL Invisibile la proprietà è supportata dalla funzionalità "Animazione client".

Animazione

Suggerimento

Queste proprietà sono disponibili solo se hai selezionato Supporta le animazioni del cliente e la sovrapposizione di elementi nativi opzione nel Responsabile della visualizzazione.

Durata dell'animazione

Variabile per la durata (in millisecondi) in cui l'elemento esegue un'animazione

  • Variabile (valore intero)

    Esempio: Menu.tContent con VAR tContent : INT := 500; END_VAR

  • Letterale intero

    Esempio: 500

. Proprietà animabili

  • Movimento assoluto, Movimento, X, E

  • Movimento assoluto, Rotazione

  • Movimento assoluto, Rotazione interna

  • Movimento assoluto, Rotazione esterna

Il movimento animato viene eseguito quando almeno un valore di una proprietà animabile cambia. Il movimento eseguito non è a scatti, ma fluido entro la durata di animazione specificata. L'elemento di visualizzazione si sposta nella posizione specificata ruotando dinamicamente. Le transizioni sono fluide.

Sposta in primo piano

Variabile (BOOL ) per impostare l'elemento in primo piano

TRUE: Durante l'esecuzione, l'elemento di visualizzazione viene visualizzato in primo piano.

FALSE: In fase di esecuzione, l'elemento di visualizzazione viene visualizzato nel livello in cui è stato inserito nell'editor di visualizzazione.

Esempio: bIsInForeground con VAR bIsInForeground : BOOL := FALSE; END_VAR

In questa sezione: