Il colore di un elemento di visualizzazione può essere configurato staticamente con la proprietà «Color» oppure dinamicamente assegnando una variabile applicativa con la proprietà «Color variables». A seconda dell'elemento, le assegnazioni di colore sono disponibili anche in altre proprietà. Ad esempio, il colore del carattere viene fornito nella proprietà «Text» di un elemento etichettato.
Per l'assegnazione statica di un valore di colore, è sempre possibile utilizzare la finestra di dialogo dei colori nell'editor delle proprietà, che fornisce tavolozze di colori tra cui scegliere.
È possibile specificare il colore come colore di stile. I colori dello stile sono nomi di colori per le definizioni di colore dello stile applicato attivamente. Quando si configura una proprietà corrispondente, viene fornito un elenco di colori di stile disponibili. Si consiglia di utilizzare i colori di stile, perché in questo modo è possibile modificare i colori in modo centralizzato tramite una selezione di stile o una personalizzazione di stile. È anche possibile aprire la finestra di dialogo «Color» per selezionare un valore dalle tavolozze dei colori.
Inoltre, è possibile definire il colore di riempimento di un elemento come «Gradient». Quindi il colore cambia linearmente, radialmente o assialmente dal colore iniziale al colore finale. L'impostazione «Gradient» viene configurata nella finestra di dialogo «Gradient Editor».
Progettazione di un elemento di visualizzazione con un colore di stile o un valore di colore fisso
AVVISO
L'assegnazione del colore con il colore dello stile consente di modificare facilmente il colore globale.
Requisiti: L'editor di visualizzazione è aperto.
-
Inserire alcuni elementi di
Rectangle. -
Selezionare un elemento.
La vista «Properties» è attiva.
-
Fare clic sulla proprietà «Colori Stato normale Colore di riempimento».
Appaiono una casella di riepilogo e il pulsante
. -
Assegnare un colore stile al rettangolo. Ad esempio, selezionare «Elementfillcolor» dalla casella di riepilogo.
-
Definire il grado di trasparenza nella proprietà «Colori Stato normale Colore di riempimento Trasparenza». Utilizzare il cursore per selezionare il valore «136».
-
Selezionare un altro rettangolo. Fare clic sulla proprietà «Colori Stato normale Colore di riempimento».
Appaiono una casella di riepilogo e il pulsante
. -
Assegnare un valore di colore fisso al rettangolo. A tal fine, fare clic su
.Si apre la finestra di dialogo «Color».
-
Selezionare un colore standard o «Definire i colori personalizzati» per perfezionare la selezione. Quindi fare clic su «OK».
Il colore viene impostato come valore fisso. Il colore viene visualizzato come un piccolo rettangolo. Accanto ad esso sono indicati anche i valori RGB.
-
Fare clic sulla proprietà «Colori Stato normale Colore di riempimento Trasparenza».
-
Utilizzare il cursore per selezionare il valore «136».
Il colore è semitrasparente.
Progettazione di un elemento di visualizzazione con un gradiente di colore
Requisiti: L'editor di visualizzazione è aperto.
-
Trascinare un elemento «Rectangle» nella visualizzazione.
-
Selezionare la proprietà «Colors Use gradient color».
-
Fate clic sulla proprietà «Colors Gradient setting».
Si apre la finestra di dialogo «Gradient Editor».
-
Definisce il gradiente di colore per l'elemento:
-
«Tipo di gradiente»: «Radiale»
-
«Standard radiale»: «Centro»
Il colore di riempimento dell'elemento cambia radialmente da bianco a nero.
-
Configurazione di un elemento di visualizzazione per l'animazione del colore
La proprietà «Color variables», che alcuni elementi possono avere, viene utilizzata per l'animazione del colore dell'elemento. Se si assegna una variabile in questo punto, è possibile programmare la modifica del colore nel codice dell'applicazione o configurare un input dell'utente che determina una modifica del colore.
Un esempio è riportato nel capitolo "Animare gli elementi di visualizzazione".