Tutorial: progettare un’immagine dinamica rispetto allo stato di un allarme

Introduzione

Questo tutorial mostra come configurare in una Immagine SVG avanzata Immagine SVG avanzata una logica per cui un evento di allarme su una sezione della macchina provoca il cambiamento di colore di una sezione dell’immagine.

Prerequisiti

  • Un allarme configurato nel progetto

  • Un’immagine in formato SVG 1.2 Tiny importata nel progetto e associata a un oggetto Immagine SVG avanzata.

    Nota

    le parti grafiche di interesse nell’immagine devono essere caratterizzate da un identificativo unico (attributo XML id).

Impostare il Convertitore chiave-valore per colorare parte dell’immagine e lo stato

  1. Fare clic sull’oggetto Immagine SVG avanzata.

  2. Nella collezione Proprietà elemento SVG, nella proprietà relativa alla parte dell’immagine da collegare all’allarme, fare clic su image1 accanto a Valore, quindi fare clic su Avanzato: si apre l’editor dei collegamenti dinamici.

  3. Fare clic su image2 > Convertitore chiave-valore.

  4. Impostare come sorgente (Source DynamicLink) la variabile Abilitato dell’allarme desiderato, quindi fare clic su image3 accanto al nome del convertitore: si apre l’editor del convertitore.

  5. Per impostare la coppia chiave/valore relativa allo stato disabilitato dell’allarme, nella colonna Chiavi fare clic su UInt32 > Mostra tutti, quindi scegliere il tipo di dato Boolean, poi fare clic su Seleziona: nella tabella compare la chiave Falso, che corrisponde allo stato disabilitato dell’allarme.

  6. Nella colonna Valori fare clic su String > Mostra tutti, quindi scegliere il tipo di dato Colore, poi fare clic su Seleziona: nella tabella compaiono il valore esadecimale #00000000 e image4 .

  7. Impostare il colore desiderato per lo stato disabilitato dell’allarme.

  8. Per impostare la coppia chiave/valore relativa allo stato abilitato dell’allarme, fare clic su image5 > Convertitore chiave-valore.

  9. Nel campo della chiave, fare clic su image6, poi scegliere Vero.

  10. Nel campo del valore, impostare il colore desiderato per lo stato abilitato dell’allarme.

Vedi anche

Riferimenti

Immagine SVG avanzata