1. Help
  2. Funzionalità principali
  3. Oggetti grafici e layout
  4. Widget Selettore di Colori

Widget Selettore di Colori

Introduzione

Il widget Selettore di Colori permette di selezionare a runtime un colore al fine di modificare il valore delle proprietà di tipo Colore (colore del bordo, del testo, di sfondo, eccetera…) dei fogli di stile e dei singoli oggetti grafici nel progetto.

Tramite gli indicatori lineari del widget, l’utente può impostare il colore desiderato in formato RGB e regolare il livello di opacità. Il colore viene visualizzato insieme al suo codice esadecimale.

Come si presenta

../../_images/a503aff6e23bc3ac3135e8fb6fc83a08a5faff52.png

Parte

Descrizione

A

Anteprima del colore (colore precedente e colore selezionato con gli indicatori del widget)

B

Valore esadecimale del colore

C

Indicatori per selezionare il colore e l’opacità (Alpha = indicatore dell’opacità).

D

Pulsante per registrare il valore esadecimale visualizzato nel widget sul valore della proprietà di tipo Colore modificata dal widget.

Configurare un Selettore di Colori

  1. Fare clic su image1 per aprire la libreria dei template.

  2. Da Widgets trascinare Selettore di Colori in un contenitore a scelta nel nodo UI: compare un’istanza del widget.

  3. Per collegare il widget alla proprietà del foglio di stile desiderata, accanto alla proprietà Color del pannello del Selettore di Colori fare clic su image2: si apre la finestra dei collegamenti dinamici.

  4. Nel nodo UI fare clic sul foglio di stile desiderato, quindi sulla proprietà di tipo Colore desiderata, poi fare clic su Seleziona. Ad esempio, se si seleziona la proprietà Colore testo tra le proprietà globali di un foglio di stile, il widget permette di modificare a runtime tale proprietà per tutti gli oggetti grafici del progetto.