Skip to main content

Scheda: Impostazioni

Funzione: La scheda include le impostazioni per tutte le visualizzazioni nell'applicazione.

Simbolo: _visu_icon.png

Nota

Non tutte le impostazioni sono disponibili per un sistema integrato CODESYS visualizzazione.

Gruppo: Impostazioni generali

Utilizzare stringhe Unicode

standard icon: La visualizzazione codifica le stringhe in Unicode.

Utilizzare la variabile CurrentVisu

standard icon: L'applicazione riconosce e utilizza la variabile globale VisuElems.CurrentVisu di tipo STRING.

Contiene il nome della visualizzazione attiva durante l'esecuzione dell'applicazione.

Nel codice dell'applicazione, la variabile può essere letta per mantenere il nome della visualizzazione attiva. La variabile può essere scritta per richiamare un cambio di visualizzazione. Il cambio viene eseguito contemporaneamente su tutti i dispositivi di visualizzazione.

Esempio: una variante di visualizzazione TargetVisu e diverse varianti di visualizzazione WebVisu sono attive. Quando si scrive sulla variabile CurrentVisu, tutte le varianti di visualizzazione passano a questa visualizzazione.

Requisito: l'applicazione include una visualizzazione che richiama altre visualizzazioni.

Esempio:

  • Assegnazione della variabile: VisuElems.CurrentVisu := strVisuName;

  • Assegnazione del nome della visualizzazione: VisuElems.CurrentVisu := 'visu1';

Supporta le animazioni del cliente e la sovrapposizione di elementi nativi

standard icon: Gli elementi di visualizzazione possono essere animati dal cliente.

Questa funzione è possibile solo per i browser di un CODESYS WebVisu e in un CODESYS TargetVisu. Tuttavia, CODESYS TargetVisu deve supportare questa funzione. In questo caso, proprietà aggiuntive saranno visibili negli elementi di visualizzazione.

Inoltre, gli elementi nativi, che sono integrati nella visualizzazione (ad esempio, un browser web), possono essere sovrapposti con elementi nativi CODESYS elementi. Questo non è possibile con CODESYS versioni precedenti alla 3.5.16.0.

Nota

Attualmente si applica la seguente restrizione:

Nel caso di frame annidati combinati con un ridimensionamento, gli elementi possono essere posizionati in modo leggermente diverso.

Gruppo: Impostazioni di stile

Suggerimento

Puoi usare il Editor di stile di visualizzazione per creare nuovi stili, rivederli e installarli nel repository degli stili di visualizzazione.

Stile selezionato

  • Stile dal Visualization Style Repository che ogni visualizzazione dell'applicazione utilizza

    Esempio: Stile piatto

  • <Nessuno>: La visualizzazione mostra i suoi elementi senza uno stile definito o secondo impostazioni predefinite interne. Colore E Font proprietà dell'elemento, anziché una casella di riepilogo, si apre una finestra di dialogo predefinita per la selezione.

_cds_icon_drop_down_list.png

Apre una casella di riepilogo con gli stili installati nel repository degli stili di visualizzazione

Visualizza tutte le versioni (solo per esperti)

_cds_icon_option_deactivated.png: La casella di riepilogo include solo la versione più recente dello stile selezionato e tutti gli altri stili. Se è installata una versione più recente per lo stile selezionato, anche questa verrà elencata.

standard icon: La casella di riepilogo contiene tutte le versioni di tutti gli stili installati.

Pulsante: _visu_icon_activate_style_editor_cmds.png

Apre la casella di riepilogo con i comandi per l'utilizzo del Editor di stile di visualizzazione

Apri l'editor di stile

IL Editor di stile di visualizzazione si apre.

Crea e modifica lo stile derivato

IL Editor di stile di visualizzazione si apre con il Crea nuovo stile di visualizzazione finestra di dialogo. La finestra di dialogo contiene le impostazioni per il primo passaggio di configurazione.

Requisito: In Stile selezionato, viene selezionato uno stile di base.

Nota

Uno stile derivato ha senso per adattare o estendere solo alcune proprietà di stile.

Copia e modifica stile

IL Editor di stile di visualizzazione si apre con il Apri stile esistente come copia finestra di dialogo. La finestra di dialogo contiene le impostazioni per il primo passaggio di configurazione.

Requisito: uno stile è selezionato in Stile selezionato.

Anteprima

Gli elementi visualizzati rappresentano lo stile specificato in Stile selezionato.

Gruppo: Impostazioni lingua

Lingua selezionata

Lingua utilizzata dalla variante di visualizzazione all'avvio di una visualizzazione

Gruppo: Impostazioni aggiuntive

Gestione multitouch

Questa proprietà definisce chi gestisce gli eventi touch. Questo viene fatto dalla visualizzazione o, nel caso di WebVisu, dal browser. Con questa impostazione, è possibile eseguire gesti touch su vari elementi di visualizzazione.

standard icon: La visualizzazione elabora l'input dell'utente tramite gesti, tocco ed eventi del mouse. WebVisu non inoltra questi eventi al browser (non è possibile scorrere). L'inoltro degli eventi riguarda solo WebVisu, non TargetVisu.

_cds_icon_option_deactivated.png: La visualizzazione non elabora gli eventi di input in modo esplicito. Gli eventi di mouse, tocco e gesture funzionano normalmente nel browser.

Elementi interessati

  • Elementi con configurazione di input

  • Tipo di elemento Telaio

  • Tipo di elemento Schede

  • Tavolo, Tabella degli allarmi, Casella combinata, intero, Casella combinata, matrice con il Fisso e scorrevole proprietà

    Questi elementi di scorrimento possono essere fatti scorrere con un gesto (evento touch) o con una barra di scorrimento (evento mouse). La barra di scorrimento deve essere configurata esplicitamente. Pertanto, selezionare Scorrere gli elementi con la barra di scorrimento proprietà se un elemento deve essere dotato di una barra di scorrimento.

Scorrere gli elementi con la barra di scorrimento

standard icon: Gli elementi di scorrimento sono visualizzati con una barra di scorrimento. Il contenuto può essere scorrevole con il mouse solo in questo modo.

_cds_icon_option_deactivated.png: Lo scorrimento tramite panoramica è abilitato.

Gli elementi di visualizzazione Tavolo, Tabella degli allarmi, Casella combinata, intero, Casella combinata, matrice, E Telaio con il Fisso e scorrevole proprietà sono interessate da questa opzione.

Disegno semitrasparente

standard icon: La visualizzazione dipinge gli elementi con un colore semitrasparente.

Quando si definisce un colore, è anche possibile specificare il valore del gradiente per la trasparenza. Questo valore è definito in Trasparenza proprietà.

Il byte iniziale viene valutato nelle variabili colore.

Predefinito: abilitato.

Requisito: hai creato una nuova visualizzazione e le varianti di visualizzazione possono essere visualizzate in semitrasparenza.

Gestione standard della tastiera

Per impostazione predefinita, viene fornito il seguente input utente:

  • Scheda

    Suggerimento

    Configura il suo comportamento in Ordine di tabulazione nel Elenco degli elementi.

  • Spostare + Scheda

  • Entrare

  • Freccia su

  • Freccia giù

  • Freccia a destra

  • Freccia sinistra

Dipingi gli elementi disabilitati in grigio

standard icon: Tutti gli elementi disabilitati sono visualizzati in grigio se non hai configurato le relative proprietà, come le variabili colore.

I seguenti risultati comportano la disattivazione di un elemento:

  • La variabile che è stata assegnata a Variabili di stato, Disattiva gli input la proprietà dell'elemento è impostata su TRUE.

  • La gestione degli utenti di visualizzazione impedisce all'utente di effettuare inserimenti. L'utente ha Solo visibile permesso.

Chiamata dopo l'inizializzazione di visu

Nome della funzione. La funzione viene chiamata dopo l'inizializzazione. Questo è il momento giusto per registrare un gestore di eventi aggiuntivo per EventManager.

Esempio: VisuInit

Implementazione di VisuInit:

// This function is called after visu initialization (see Visualization Manager 'Call after visu initialization')
FUNCTION VisuInit : BOOL
VAR_INPUT
END_VAR
// Set the mouse event handler
VisuElems.VisuElemBase.g_VisuEventManager.SetMouseEventHandler(PLC_PRG.evHandler);

Un altro caso d'uso è la registrazione dell' ClientManagerListener per il ClientManager.

Dimensioni della visualizzazione reattiva

standard icon Le dimensioni della visualizzazione vengono aggiornate quando si modificano le dimensioni del client. Gli elementi nella visualizzazione di primo livello possono essere posizionati dinamicamente. Il requisito è il ridimensionamento isotropico o anisotropico.

La dimensione del client può essere interrogata con Container.Width E Container.Height variabili.

Container.Size è la dimensione del client per tutte le visualizzazioni di primo livello. Affinché una visualizzazione con elementi riposizionati possa essere nuovamente ridimensionata correttamente, Visu.Size deve essere ricalcolato.

Esempio:

Container.Width - Visu.Width
Container.Width - Visu.Width - 50