Skip to main content

Elemento di visualizzazione: Selettore data

Simbolo:

_visu_icon_date_picker.png

Categoria: Controlli data/ora

L'elemento è un calendario che mostra la data corrente. Un utente può fare clic su un giorno per selezionare una data, che viene salvata in una variabile. Inoltre, può personalizzare l'intervallo di tempo visualizzato dal calendario. Facendo clic sull'intestazione del calendario si cambia l'anno. Facendo clic sulle frecce nell'intestazione del calendario si cambia il mese.

Testi dipendenti dalla lingua dell'elemento

L'elemento contiene testi dipendenti dalla lingua che vengono gestiti in System elenco di testi. Si tratta dei nomi del mese e dei giorni della settimana scritti completamente o abbreviati. Quando il selettore di data viene aggiunto a una visualizzazione, l'elenco di testo viene generato automaticamente sotto la vista POU. Gli ID corrispondono al testo standard e quindi ai termini inglesi. L'elenco dei testi consente di tradurre questi testi.

Esempio 31. Esempio

System elenco di testi

ID

Predefinito

Apr

Apr

April

April



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: DueDateCalendar

Suggerimento

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

Tipo di elemento

Date picker

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.

Variabile

Variabile

Ingresso variabile (DATE). Contiene la data che un utente seleziona nel calendario.

Esempio: PLC_PRG.dtDueDate

Design

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

  • Esplicito: Il Impostazioni di progettazione la proprietà è disponibile. Puoi personalizzare il calendario qui.

Impostazioni di progettazione

Requisito: questa proprietà è visibile solo quando il Design la proprietà è impostata su Esplicito. Questa impostazione consente di creare un design personalizzato e fisso.

Suggerimento

Se un disegno è stato definito globalmente nello stile, alle impostazioni del disegno vengono automaticamente assegnati questi valori di stile.

È possibile modificare questi valori in modo esplicito e selezionare altri valori dall'elenco di selezione dello stile (_cds_icon_arrow_down.png) o utilizzando il selettore colore (_cds_icon_three_dots.png) in modo che il tuo elemento venga visualizzato in un tema personalizzato.

Proprietà

Descrizione

Intestazione di selezione della data

Progettazione dell'intestazione

Font

Colore del carattere

Esempio: Colore del carattere dell'intestazione di selezione della data

Frecce

Colore del puntatore

Esempio: Colore del puntatore di selezione della data

Colore della freccia stampata

Esempio: Colore del puntatore di selezione della data premuto

Sfondo

Disegna lo sfondo

Dallo stile: Visualizzazione dello sfondo come definito globalmente nello stile

: Lo sfondo viene riempito con il colore in Colore di riempimento proprietà.

No: Lo sfondo non è riempito con un colore.

Colore di riempimento

Requisito: utilizzato se è stato selezionato in Disegna lo sfondo.

Esempio: Colore di sfondo dell'intestazione di selezione della data

Area di visualizzazione principale

Progettazione dell'area espositiva principale

In data odierna

Design di oggi

Font

Colore del carattere

Esempio: Colore del carattere del giorno corrente per la selezione della data

Disegna lo sfondo

Dallo stile: Visualizzazione dello sfondo come definito globalmente nello stile

: Lo sfondo viene riempito con il colore in Colore di sfondo proprietà.

No: Lo sfondo non è riempito con un colore.

Colore di sfondo

Requisito: utilizzato se è stato selezionato in Disegna lo sfondo.

Esempio: selezione della data del colore di sfondo del mese corrente

Mostra cornice

Dallo stile: La cornice è definita globalmente nello stile.

: La cornice verrà visualizzata con le seguenti proprietà (colore del telaio, tipo rettangolo, larghezza della linea).

No: Non viene visualizzata una cornice.

Colore del telaio

Tipo rettangolo

Larghezza della linea

Requisito: utilizzato quando è selezionato in Mostra cornice.

Esempio: Grigio

Esempio: Rettangolo arrotondato

Esempio 1

Giorno selezionato

Design del giorno selezionato

Font

Colore del carattere

Esempio: Grigio

Disegna lo sfondo

Dallo stile: Visualizzazione dello sfondo come definito globalmente nello stile

: Lo sfondo viene riempito con il colore in Colore di sfondo proprietà.

No: Lo sfondo non è riempito con un colore.

Colore di sfondo

Requisito: utilizzato se è stato selezionato in Disegna lo sfondo.

Mostra cornice

Dallo stile: La cornice è definita globalmente nello stile.

: La cornice verrà visualizzata con le seguenti proprietà (colore del telaio, tipo rettangolo, larghezza della linea).

No: Non viene visualizzata una cornice.

Colore del telaio

Tipo rettangolo

Larghezza della linea

Requisito: utilizzato quando è selezionato in Mostra cornice.

Corrente mese

Design del mese selezionato

Font

Colore del carattere

Esempio: Grigio

Disegna lo sfondo

Dallo stile: Visualizzazione dello sfondo come definito globalmente nello stile

: Lo sfondo viene riempito con il colore in Colore di sfondo proprietà.

No: Lo sfondo non è riempito con un colore.

Colore di sfondo

Requisito: utilizzato se è stato selezionato in Disegna lo sfondo.

Mostra cornice

Dallo stile: La cornice è definita globalmente nello stile.

: La cornice verrà visualizzata con le seguenti proprietà (colore del telaio, tipo rettangolo, larghezza della linea).

No: Non viene visualizzata una cornice.

Colore del telaio

Tipo rettangolo

Larghezza della linea

Requisito: utilizzato quando è selezionato in Mostra cornice.

Altro mese

Progettazione del mese precedente e successivo

Font

Colore del carattere

Esempio: Grigio

Visualizza altro mese

Dallo stile: I mesi precedenti e successivi vengono visualizzati come definito nello stile.

: Le seguenti proprietà vengono applicate al display.

No: Nessuna visualizzazione

Disegna lo sfondo

Dallo stile: Visualizzazione dello sfondo come definito globalmente nello stile

: Lo sfondo viene riempito con il colore in Colore di sfondo proprietà.

No: Lo sfondo non è riempito con un colore.

Colore di sfondo

Requisito: utilizzato se è stato selezionato in Disegna lo sfondo.

Mostra cornice

Dallo stile: La cornice è definita globalmente nello stile.

: La cornice verrà visualizzata con le seguenti proprietà (colore del telaio, tipo rettangolo, larghezza della linea).

No: Non viene visualizzata una cornice.

Colore del telaio

Tipo rettangolo

Larghezza della linea

Requisito: utilizzato quando è selezionato in Mostra cornice.

Intestazione del giorno della settimana

Disegno dell'intestazione con i giorni della settimana

Font

Colore del carattere

Esempio: Grigio

Disegna lo sfondo

Dallo stile: Visualizzazione dello sfondo come definito globalmente nello stile

: Lo sfondo viene riempito con il colore in Colore di sfondo proprietà.

No: Lo sfondo non è riempito con un colore.

Colore di sfondo

Requisito: utilizzato se è stato selezionato in Disegna lo sfondo.

Mostra cornice

Dallo stile: La cornice è definita globalmente nello stile.

: La cornice verrà visualizzata con le seguenti proprietà (colore del telaio, tipo rettangolo, larghezza della linea).

No: Non viene visualizzata una cornice.

Colore del telaio

Tipo rettangolo

Larghezza della linea

Requisito: utilizzato quando è selezionato in Mostra cornice.

Visualizza la linea di separazione

Dallo stile: La linea di separazione è definita globalmente nello stile.

: Visualizzazione con le seguenti proprietà.

No: Non viene visualizzata una linea di separazione.

Colore della linea di separazione

Larghezza della linea di separazione

Usato quando è selezionato in Visualizza la linea di separazione.

Sfondo

Progettazione dei giorni di calendario

Disegna lo sfondo

Dallo stile: Visualizzazione dello sfondo come definito globalmente nello stile

: Lo sfondo viene riempito con il colore in Colore di riempimento proprietà e incorniciato nel Colore del telaio.

No: Lo sfondo non è riempito con un colore.

Colore di riempimento

Colore del telaio

Esempio: Grigio

Tipo di visualizzazione

Linee

Numero di calendari mensili per riga (preimpostato: 1)

Colonne

Numero di calendari mensili per colonna (preimpostato: 1)

Variabili di stato

Le variabili controllano il comportamento dell'elemento in modo dinamico.

Invisibile

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

TRUE: L'elemento non è visibile in fase di esecuzione.

Esempio: bIsVisible insieme a VAR bIsVisible : BOOL := FALSE; END_VAR

Disattiva gli ingressi

variabile (BOOL) per alternare l'operabilità dell'elemento

TRUE: Gli input dell'utente non hanno più alcun effetto in runtime. L'elemento viene visualizzato come disattivato.

Suggerimento

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

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".

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

Configurazione ingresso

Le proprietà contengono le configurazioni per l'input dell'utente quando si utilizza il mouse o la tastiera. Un input utente definisce un evento e una o più azioni che vengono eseguite quando si verifica un evento.

Suggerimento

Il Configura il pulsante apre il Configurazione degli ingressi dialogo. Lì puoi creare o modificare gli input dell'utente.

Gli input utente configurati sono elencati sotto gli eventi. Ciascuno di essi include l'azione che viene attivata e l'impostazione in forma breve.

Esempio: Eseguire il codice ST: _visu_icon_action.png PLC_PRG.i_x := 0;

OnDialogClosed

Evento di input: l'utente chiude la finestra di dialogo.

OnMouseClick

Evento di input: l'utente fa clic completamente con il pulsante del mouse nell'area dell'elemento. Il pulsante del mouse viene cliccato e rilasciato.

OnMouseDown

Evento di input: l'utente fa clic sul pulsante del mouse.

OnMouseInvio

Evento di input: l'utente trascina il puntatore del mouse sull'elemento.

OnMouseLeave

Evento di input: l'utente trascina il puntatore del mouse lontano dall'elemento.

OnMouseMove

Evento di input: l'utente sposta il puntatore del mouse sull'area dell'elemento.

OnMouseUp

. Eventi di input:
  • L'utente rilascia il pulsante del mouse all'interno dell'area dell'elemento. È irrilevante se l'utente ha precedentemente premuto il pulsante del mouse all'interno o all'esterno dell'area dell'elemento.

  • L'utente preme il pulsante del mouse all'interno dell'area dell'elemento, lascia l'area dell'elemento e quindi rilascia il pulsante del mouse.

Nota

Questo CODESYS-un comportamento di attivazione specifico garantisce il completamento delle azioni per gli elementi chiave. Un elemento chiave avvia un'azione per OnMouseDown e termina l'azione per Su Mouse Su.

Esempio: un utente della visualizzazione preme il pulsante del mouse all'interno dell'area dell'elemento dell'elemento chiave e quindi sposta la posizione del cursore in modo che si trovi al di fuori dell'area dell'elemento. L'azione è comunque terminata perché Su Mouse Su è scatenato.

OnValueChanged

Evento che attiva azioni di follow-up a causa di una variazione di valore

Quali azioni di follow-up vengono attivate è configurato in Configurazione ingresso dialogo.

Le azioni successive definite e la configurazione corrispondente vengono visualizzate sotto la proprietà dell'elemento.

Il OnValoreCambiato l'evento può essere disabilitato dal VISU_NO_VALUECHANGED definito dal compilatore nella finestra di dialogo delle proprietà dell'applicazione.

Rubinetto

Quando si verifica un evento di clic del mouse, la variabile definita in Variabile è descritto nella domanda. La codifica dipende dal Tocca FALSO e Tocca invio se catturato opzioni.

Variabile

Requisito: il Tocca FALSO l'opzione non è attivata.

variabile (BOOL) per l'evento clic del mouse

TRUE: esiste un evento clic del mouse. Dura finché l'utente preme il pulsante del mouse sull'elemento. Termina quando si rilascia il pulsante.

FALSE: non esiste un evento clic del mouse.

Esempio: PLC_PRG.bIsTapped

Tocca FALSO

standard icon: L'evento clic del mouse porta a un valore complementare in Variabile.

TRUE: non esiste un evento clic del mouse.

FALSE: Mentre esiste l'evento clic del mouse.

Tocca invio se catturato

standard icon: Durante l'input dell'utente, viene anche preso in considerazione se il puntatore del mouse viene trascinato all'interno dell'area dell'elemento o meno mentre viene premuto il pulsante del mouse.

TRUE: Mentre esiste l'evento clic del mouse e il puntatore del mouse viene spostato sull'area dell'elemento.

FALSE: non esiste un evento clic del mouse. Oppure l'utente sposta il puntatore del mouse al di fuori dell'area dell'elemento mentre viene premuto il pulsante del mouse.

Il valore è TRUE di nuovo non appena l'utente riporta il puntatore all'area dell'elemento. Il mouse viene quindi catturato.

Cambia

Con l'inizio di un evento di clic del mouse, la variabile viene impostata; quando l'evento clic del mouse è completato, la variabile viene ripristinata.

Variabile

variabile (BOOL) per passare alla fine dell'evento clic del mouse

Questo è quando l'utente rilascia il pulsante del mouse mentre il puntatore del mouse si trova sull'area dell'elemento. Se l'utente rilascia il pulsante del mouse mentre il puntatore del mouse si trova al di fuori dell'area dell'elemento, l'evento clic del mouse non viene terminato e il valore non viene commutato.

Suggerimento

L'utente può annullare un input toggle avviato trascinando il puntatore del mouse fuori dall'area dell'elemento.

Attiva se catturato

standard icon: Il valore cambia indipendentemente da dove si trova il puntatore del mouse quando viene rilasciato il pulsante del mouse. Il mouse viene quindi catturato.

Tasto di scelta rapida

Scorciatoia sull'elemento per l'attivazione di azioni di input specifiche

Quando si verifica l'evento hotkey, le azioni di input nel file Eventi proprietà vengono attivati. In questo modo, non è l'azione di input stessa che porta a questa azione di input, ma l'azione di input del mouse.

Chiave

Tasto premuto per l'azione di input.

Esempio: T

Le seguenti proprietà vengono visualizzate quando viene selezionata una chiave.

Eventi

  • Nessuno

  • Mouse giù: Premendo il tasto si attivano le azioni di input configurate in OnMouseDown proprietà.

  • Mouse in alto: il rilascio del tasto attiva le azioni di input configurate in Su Mouse Su proprietà.

  • Mouse giù/su: Premendo e rilasciando il tasto si attivano le azioni di input configurate in OnMouseDown proprietà e il Su Mouse Su proprietà.

Cambia

standard icon: Combinazione con il tasto "Maiusc".

Esempio: Spostare+T.

Controllo

standard icon: Combinazione con il tasto "Ctrl".

Esempio: Ctrl+T.

Alt

standard icon: Combinazione con il tasto "Alt".

Esempio: Alt+T.

Suggerimento

Tutte le scorciatoie da tastiera e le relative azioni configurate nella visualizzazione sono elencate in Configurazione della tastiera scheda.

Permessi

Nota

Disponibile solo quando è impostata la gestione degli utenti per la visualizzazione.

Diritti di accesso pulsante

Apre il Diritti di accesso finestra di dialogo. Lì puoi modificare i privilegi di accesso per l'elemento.

. Messaggi di stato:
  • Non impostato. Pieni diritti.: Diritti di accesso per tutti i gruppi di utenti : operabile

  • I diritti sono stabiliti: Diritti limitati: L'accesso è limitato ad almeno un gruppo.