1. Help
  2. Quick start
  3. Aggiungere oggetti grafici dinamici

Aggiungere oggetti grafici dinamici

Scopo di questo modulo

In questo modulo impostiamo alcuni oggetti grafici tipici delle applicazioni HMI. Vediamo inoltre come impostare il valore di una proprietà in base al valore di un’altra proprietà. Questa funzionalità in UNIQO è chiamata collegamento dinamico.

In particolare:

  • Collegheremo un LED a un interruttore per impostarne lo stato accesso/spento.

  • Collegheremo lo stesso LED a una spin-box, attraverso un convertitore, per impostarne il colore.

Questo il risultato finale:

../_images/e4c3dbaa4dfdeb55575d8bdaa3f3b14284be341f.gif

  1. Aggiungere gli oggetti grafici

    Aggiungiamo gli oggetti nel primo pannello navigabile, ovvero Page1 (type):

    1. Fare doppio clic su Page1 (type): il pannello si apre nell’editor.

    2. Per aggiungere il LED, in Progetto fare clic pulsante destro su Page1 (type), poi scegliere Nuovo> Controlli base > Led Led: Led1 compare in Page1 (type) e nell’editor degli oggetti.

    3. Per aggiungere l’interruttore, in Progetto fare clic pulsante destro su Page1 (type), poi scegliere Nuovo > Controlli base > Interruttore Interruttore: Interruttore1 compare in Page1 (type) e nell’editor degli oggetti.

    4. Per aggiungere la spin box, in Progetto fare clic pulsante destro su Page1 (type), poi scegliere Nuovo > Controlli base > Spin box Spin box: SpinBox1 compare in Page1 (type) e nell’editor degli oggetti.

    5. Nell’editor trascinare i tre oggetti nella posizione desiderata. Di seguito un esempio:

      ../_images/f986a346ab5f06ac9643a7738d8d9b80bd1f2ddd.png

  2. Associare lo stato del LED allo stato dell’interruttore

    Per accendere/spegnere il LED con un interruttore, inseriamo un collegamento dinamico tra gli stati d’attivazione dei due oggetti:

    1. Nelle proprietà di Led1, fare clic su image1 accanto alla proprietà Attivo: si apre la finestra dei collegamenti dinamici, che mostra tutti gli elementi del progetto e le loro proprietà.

    2. Nella finestra, all’interno di Interruttore1 selezionare la variabile Attivo e premere Seleziona: il valore della proprietà Attivo di Led1 è il percorso alla proprietà dell’interruttore.

      ../_images/0d28a2ce69d624f567a0ad866d91bca8e346d17d.png

    In questo modo lo stato del LED dipende dallo stato dell’interruttore. In questo caso le due proprietà collegate contengono un valore dello stesso tipo (booleano). Per questo è sufficiente un collegamento dinamico semplice.

    Scopri di più sui collegamenti dinamici: Collegamenti dinamici.

  3. Associare il colore del LED al valore della spin-box

    In questa fase il collegamento è tra due proprietà che contengono valori di diverso tipo: numero e colore. Per questo è necessario usare un convertitore, che trasforma il dato in ingresso in un altro tipo di dato. Qui usiamo un convertitore chiave-valore, per trasformare il dato numerico della spin-box in dato di tipo colore per il LED.

    1. Selezionare il LED e fare clic su image2 accanto alla sua proprietà Colore, poi fare clic su Avanzato: si apre l’editor del collegamento dinamico per la proprietà Colore.

      ../_images/8caf5dee79249542c2923d7d7c2b7fc022b311b6.png

    2. Per aggiungere il convertitore fare clic su image3 > Convertitore chiave-valore: compare il blocco del convertitore chiave-valore. Source DynamicLink indica la variabile in ingresso al convertitore, che la trasforma per fornirne il valore alla proprietà Colore.

      ../_images/4b03609801aee85c55ceaa3ad845d678302abaf6.png

    3. Per impostare l’ingresso del convertitore, nel nostro caso il valore della spin-box, in Source DynamicLink fare clic su image4, poi all’interno di Spinbox1 selezionare Valore, quindi fare clic su Seleziona.

      ../_images/27fd3aacab7ac1c2de3677ce19606bb80c7accd3.png
    4. Per impostare le conversioni da eseguire, in KeyValueConverter1 fare clic su image5: compare la tabella di conversione nell’editor degli oggetti.
      ../_images/b291fb73e679a4deedef4d494e0d019403e0af27.png

      Ogni riga definisce una coppia chiave/valore: in questo caso Chiave è il valore della spin-box, Valore è il colore del LED.

    5. Per la conversione è necessario impostare i tipi di dati corretti per Chiave e Valore, visibili nell’intestazione; in particolare Valore dev’essere di tipo colore. Per farlo, nella colonna Valore fare clic su String: compare un elenco con i tipi di dati più comuni.

      ../_images/e37c8020bd671af3a7c71de6d82f9076d0891d1e.png

    6. Per visualizzare tutti i tipi di dati disponibili selezionare Mostra tutto, poi scegliere Colore e fare clic su Seleziona.

      ../_images/5d85f73ca458e1f9e6d94ac552f17237c95332f1.png

    7. Per modificare il colore associato alla chiave esistente 0, nella relativa cella fare clic su Pick, selezionare il colore e fare clic su Seleziona.

    8. Per impostare altre coppie chiave/valore fare clic su image6 e modificare i valori. Di seguito un esempio:

      ../_images/d294802db4f6f97f1945ee9c45959500a243d4b5.png

    Scopri di più sul convertitore chiave-valore: Convertitore chiave-valore.

Da ricordare

  • Quando si collegano due variabili dello stesso tipo si crea un collegamento dinamico.

  • Quando si collegano due variabili di tipo diverso , è necessario impostare uno o più convertitori: si crea quindi un collegamento dinamico avanzato.

Vedi anche

Concetti correlati

Collegamenti dinamici

Procedure correlate

Impostare un collegamento dinamico

Usare l’editor dei collegamenti dinamici avanzati

Riferimenti

Finestra dei collegamenti dinamici

Editor dei collegamenti dinamici avanzati

Led

Interruttore

Spin box

image7 Aggiungere pagine di navigazione

Importare e visualizzare variabili di un PLC image8