Elemento di visualizzazione: Selettore data
Simbolo:

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.
System
elenco di testi
ID | Predefinito |
---|---|
|
|
|
|
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: SuggerimentoAssegna 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: |
Y | La coordinata Y (in pixel) dell'angolo in alto a sinistra dell'elemento Esempio: |
Larghezza | Specificato in pixel Esempio: |
Altezza | Specificato in pixel Esempio: |
Suggerimento
È possibile modificare i valori trascinando la modulo simboli in altre posizioni nell'editor.
Variabile
Variabile | Ingresso variabile ( Esempio: |
Design |
|
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 () o utilizzando il selettore colore (
) 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 sì: 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 sì 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 sì: 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 sì 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. sì: 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 sì è 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 sì: 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 sì in Disegna lo sfondo. | ||
Mostra cornice | Dallo stile: La cornice è definita globalmente nello stile. sì: 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 sì è 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 sì: 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 sì in Disegna lo sfondo. | ||
Mostra cornice | Dallo stile: La cornice è definita globalmente nello stile. sì: 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 sì è 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. sì: Le seguenti proprietà vengono applicate al display. No: Nessuna visualizzazione | ||
Disegna lo sfondo | Dallo stile: Visualizzazione dello sfondo come definito globalmente nello stile sì: 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 sì in Disegna lo sfondo. | ||
Mostra cornice | Dallo stile: La cornice è definita globalmente nello stile. sì: 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 sì è 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 sì: 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 sì in Disegna lo sfondo. | ||
Mostra cornice | Dallo stile: La cornice è definita globalmente nello stile. sì: 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 sì è selezionato in Mostra cornice. | ||
Visualizza la linea di separazione | Dallo stile: La linea di separazione è definita globalmente nello stile. sì: 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 sì è 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 sì: 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: |
Colonne | Numero di calendari mensili per colonna (preimpostato: |
Variabili di stato
Le variabili controllano il comportamento dell'elemento in modo dinamico.
Invisibile | variabile (
Esempio: |
Disattiva gli ingressi | variabile (
|
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 SuggerimentoÈ anche possibile modificare i valori trascinando il | |
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 |
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: Il punto medio dell'elemento ruota nel Centro punto. Questo punto di rotazione è mostrato come 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. | ![]() |
Rotazione interna | Variabile (tipo di dato numerico) per l'angolo di rotazione (in gradi) Esempio: 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 NotaSe è specificato un angolo di rotazione statico nell' proprietà, l'angolo di rotazione statico viene aggiunto all'angolo di rotazione variabile (offset) quando viene eseguita la visualizzazione. | ![]() |
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
. Proprietà animabili
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 (
Esempio: |
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.
SuggerimentoIl 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: | |
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:
NotaQuesto 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 (
Esempio: |
Tocca FALSO |
|
Tocca invio se catturato |
Il valore è |
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 ( 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. SuggerimentoL'utente può annullare un input toggle avviato trascinando il puntatore del mouse fuori dall'area dell'elemento. |
Attiva se 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 |
|
Cambia |
Esempio: Spostare+T. |
Controllo |
Esempio: Ctrl+T. |
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:
|