Skip to main content

Animazione di un display a colori

I colori di un elemento sono specificati in Colori proprietà delle proprietà dell'elemento. Qui puoi selezionare un colore di stile predefinito dalla casella di riepilogo o un colore nella finestra di dialogo del colore.

Il Variabili di colore element viene utilizzata per l'animazione del colore dell'elemento. Quando si passano le variabili alle proprietà, è possibile programmare le modifiche del colore nel codice dell'applicazione o configurare un input dell'utente che si traduce in una modifica del colore. Una costante di colore o una variabile di colore nel codice ha il tipo di dati DWORD ed è codificato in base allo spazio colore RGB o all'estensione RGBA.

Definizione del colore nello spazio colore RGBA

Importante

Il Attiva il disegno semitrasparente opzione è prevista nel Responsabile della visualizzazione. Questa opzione è abilitata per impostazione predefinita in modo che il Trasparenza la proprietà è disponibile per tutte le definizioni di colore. Con una definizione di colore programmatica, il byte iniziale viene interpretato come un canale alfa e quindi utilizzato come valore di trasparenza del colore. Quando l'opzione è deselezionata, il Trasparenza la proprietà non è disponibile e il byte iniziale viene ignorato nei valori letterali a colori.

Le informazioni sul colore nel codice sono specificate come DWORD letterali. Il valore è nello spazio colore RGBA e di solito viene visualizzato come numero esadecimale. Il valore è codificato con porzioni aggiuntive di rosso, verde e blu. Viene aggiunto il canale alfa che determina la trasparenza del colore.

Ordine dei byte di un valore letterale a colori

16#<TT><RR><GG><BB>

<TT> : 00 - FF      // Transparency in 256 levels
<RR> : 00 - FF      // Red in 256 levels
<GG> : 00 - FF      // Green in 256 levels
<BB> : 00 - FF      // Blue in 256 levels

Il valore di graduazione per la trasparenza è 16#FF per opaco e 16#00 per trasparente. Per ogni porzione di colore, un byte è riservato a 256 gradazioni di colore 16#FF a 16#00. 16#FF significa porzione di colore al 100% e 16#00 significa 0% di porzione di colore.

<TT>

Byte per la graduazione trasparente di 00-FF

<RR>

Byte per la parte rossa di 00-FF

<GG>

Byte per la parte verde di 00-FF

<BB>

Byte per la parte blu di 00-FF

Esempio 10. Esempio
Tabella 2. Colore letterale

16#FF0000FF

Blu, opaco

16#FF00FF00

Verde, opaco

16#FFFFFF00

Giallo. opaco

16#88888888

Grigio, semitrasparente

16#88000000

Nero, semitrasparente

16#FFFF0000

Rosso, opaco





Esempio 11. Esempio

Dichiarazione globale delle costanti di colore



Animazione di un elemento di visualizzazione a colori

  1. Crea un progetto standard in CODESYS.

  2. Dichiara le costanti di colore globali nell'albero POU.

    {attribute 'qualified_only'}
VAR_GLOBAL CONSTANT
    gc_dwRed : DWORD := 16#FFFF0000;
    gc_dwGreen: DWORD := 16#FF00FF00;
    gc_dwYellow: DWORD := 16#FFFFFF00;
    gc_dwBlue: DWORD := 16#FF0000FF;        // Highly opaque
    gc_dwBlack : DWORD := 16#88000000;      // Semitransparent
END_VAR

  3. Nella struttura del dispositivo, dichiara le variabili di colore locali in PLC_PRG.

    VAR
    dwFillColor: DWORD := GVL.gc_dwGreen;
    dwFrameColor : DWORD := GVL.gc_dwBlack;
    dwAlarmColor : DWORD := GVL.gc_dwRed;
END_VAR

  4. Dichiara una variabile di controllo.

    bChangeColor : BOOL;

  5. Dichiara una variabile di input in PLC_PRG.

    bInput : BOOL;

  6. Abilita l'editor di visualizzazione.

  7. Trascina un Rettangolo elemento nell'editor di visualizzazione.

    Il Proprietà si apre la vista dell'elemento.

  8. Configurare le proprietà del rettangolo come segue:

    • Variabili di colore, Stato normale, Colore di riempimento proprietà: PLC_PRG.dwFillColor

    • Variabili di colore, Stato normale, Colore del telaio proprietà: PLC_PRG.dwFrameColor

    • Variabili di colore, Stato di allarme, Colore di riempimento proprietà: PLC_PRG.dwAlarmColor

    • Variabili di colore, Cambia colore proprietà: <toggle/tap variable>

    • Configurazione ingresso, Attiva/disattiva, Variabile proprietà: PLC_PRG.bInput

  9. Programmare le variabili come segue:

    PROGRAM PLC_PRG
VAR
    dwFillColor: DWORD := GVL.gc_dwGreen;
    dwFrameColor : DWORD := GVL.gc_dwBlack;
    dwAlarmColor : DWORD := GVL.gc_dwRed;

    bChangeColor : BOOL;
    bInput : BOOL;
END_VAR

IF bChangeColor = TRUE THEN
    dwFillColor := GVL.gc_dwYellow;
    dwFrameColor := GVL.gc_dwBlue;
ELSE
    dwFillColor:= GVL.gc_dwGreen;
    dwFrameColor := GVL.gc_dwBlack;
END_IF

    I colori vengono inizializzati in fase di esecuzione. Se la variabile bChangeColor è quindi costretto TRUE, la visualizzazione del colore del rettangolo cambia. Quando si fa clic sul rettangolo nella visualizzazione, il rettangolo viene visualizzato con i colori di avviso.

In questa sezione: