Oggetti grafici¶
Introduzione
Q Studio dispone di una libreria di oggetti grafici predefiniti per realizzare le interfacce utente delle Q Application. Questi oggetti sono disponibili nel pannello Tipi, all’interno della cartella Interfaccia utente. Per il dettaglio di ogni tipo di oggetto grafico fare riferimento capitolo Riferimento su oggetti e variabili.
Famiglie di oggetti grafici
Gli oggetti grafici sono raggruppati nelle seguenti famiglie:
Controlli base: oggetti base, ad esempio etichette, caselle di testo, pulsanti e indicatori analogici.
Contenitori: oggetti che contengono altri oggetti grafici figli, tra cui altri contenitori, con cui realizzare la struttura grafica fondamentale di un’applicazione. Possono essere ad esempio finestre, pannelli o sezioni che allineano automaticamente il contenuto.
Contenuti: web browser, video e visualizzatori PDF.
Controlli dati: oggetti che presentano e/o permettono di selezionare dati ricavati da un modello di nodi del progetto o da un database. Possono essere per esempio griglie di dati, caselle combinate o grafici di trend.
Disegni: forme e immagini.
Elenco oggetti Controlli base
Oggetto |
Descrizione |
Esempi applicativi |
---|---|---|
Imposta e visualizza un valore booleano tramite selezione/deselezione. |
- |
|
Inserisce e visualizza un testo a runtime. |
- |
|
Visualizza un dato di tipo DateTime. |
Configurare e filtrare un oggetto Griglia dati con modello basato su oggetti |
|
Visualizza un dato di tipo Duration. |
- |
|
Visualizza un testo. |
- |
|
Visualizza un testo modificabile. |
- |
|
Imposta e/o visualizza un valore numerico intero compreso in una scala di valori possibili. |
||
Imposta e/o visualizza un valore numerico intero compreso in una scala di valori possibili. |
||
Imposta e visualizza un valore booleano. |
- |
|
Visualizza uno valore booleano in forma di LED acceso o spento. |
- |
|
Genera eventi per eseguire metodi. |
- |
|
Seleziona un’opzione mutuamente esclusiva in un gruppo di opzioni. |
- |
|
Incrementa/decrementa un valore numerico tramite pulsanti o tramite tastiera. |
- |
Elenco oggetti Contenitori
Oggetto |
Descrizione |
Esempi applicativi |
---|---|---|
Espande o riduce blocchi di contenuto al clic dell’utente. |
- |
|
Pannello che dispone automaticamente in orizzontale, e in modo adiacente, gli oggetti grafici direttamente figli. |
- |
|
Pannello che dispone automaticamente in verticale, e in modo adiacente, gli oggetti grafici direttamente figli. |
- |
|
Contenitore grafico radice. In un Presentation engine si può impostare per determinare l’interfaccia utente iniziale a runtime. |
- |
|
Finestra che può essere resa modale, ovvero non permettere l’interazione con altri elementi di interfaccia. |
- |
|
Contenitore semplice di oggetti. Visualizza gli oggetti grafici che contiene e può essere zona cliccabile. |
- |
|
Pannello che contiene altri pannelli e li organizza automaticamente in schede navigabili. |
- |
|
Contenitore che a runtime visualizza diversi pannelli alternativi a seconda delle logiche impostate. |
- |
|
- |
- |
|
Pulsante che al clic apre/chiude un pannello a comparsa. |
- |
|
Pannello con possibilità di scorrimento, per visualizzare un contenuto più ampio del pannello stesso. |
- |
Elenco oggetti Contenuti
Oggetto |
Descrizione |
Esempi applicativi |
---|---|---|
Visualizza a runtime una pagina web online o un file HTML locale. |
- |
|
Visualizza un video a runtime. |
- |
|
Visualizza un file PDF a runtime. |
- |
Elenco oggetti Controlli dati
Oggetto |
Descrizione |
Esempi applicativi |
|
---|---|---|---|
Selezione a discesa i cui elementi sono ricavati da un modello di nodi del progetto o da una o più tabelle di un database. |
- |
||
Lista i cui elementi selezionabili sono ricavati da nodi del progetto o da una o più tabelle di un database. |
- |
||
Tabella che presenta dati ricavati da nodi del progetto o da una o più tabelle di un database. |
Configurare e filtrare un oggetto Griglia dati con modello basato su oggetti |
||
Visualizza l’andamento dei valori di una o più variabili letti in tempo reale e/o storicizzati. |
- |
||
Visualizza in un grafico cartesiano il valore di variabili bidimensionali. |
- |
||
Visualizza dati di modello o di un database in un grafico a torta. |
- |
||
Visualizza dati di modello o di un database in un istogramma. |
- |
Elenco oggetti Disegni
Oggetto |
Descrizione |
Esempi applicativi |
---|---|---|
Contenitore di oggetti simile a Pannello ma più personalizzabile nell’aspetto. Può essere zona cliccabile. |
- |
|
Visualizza un’immagine. |
- |
|
Visualizza un’immagine SVG di cui è possibile modificare a design time e a runtime alcune proprietà grafiche. |
Tutorial: progettare un’immagine dinamica rispetto allo stato di un allarme |