Skip to main content

Riferimento alle visualizzazioni

Visualizzazione di più visualizzazioni in un'unica visualizzazione

Importante

Le visualizzazioni possono essere annidate a qualsiasi profondità tramite Telaio Per poter utilizzare il Passa a qualsiasi visualizzazione tipo di selezione del frame senza problemi, a Telaio non deve contenere più di 21 visualizzazioni referenziate.

È possibile fare riferimento ad altre visualizzazioni all'interno di una visualizzazione principale in un Telaio o un Schede elemento e quindi visualizzarli nel riquadro della finestra dell'elemento.

Nel caso del Telaio elemento, è possibile programmare liberamente quale delle visualizzazioni viene visualizzata e in quale momento. Un'opzione è quella di utilizzare la variabile switch frame dell' Telaio elemento, che attiva automaticamente un interruttore in base al suo valore. È anche possibile programmare controlli aggiuntivi che, dopo l'input dell'utente, attivano azioni di input che determinano l'attivazione di una visualizzazione.

Inoltre, puoi utilizzare il Schede per fare riferimento alle visualizzazioni. È facile e vantaggioso che Schede L'elemento fornisce il controllo preconfigurato dell'interruttore di visualizzazione.

Per ulteriori informazioni, vedere: Configurazione degli input utente

Nella visualizzazione principale, il Telaio L'elemento visualizza una delle visualizzazioni del frame referenziato in fase di esecuzione. L'utente può selezionare Pulsanti di scelta elemento visualizzato nella cornice.

Procedura. Collegamento delle visualizzazioni dei frame con un elemento dei pulsanti di scelta rapida
  1. Crea un nuovo progetto standard in CODESYS.

  2. Selezionare l'applicazione nell'albero dei dispositivi e fare clic Aggiungi oggetto → Visualizzazione.

  3. Nel Aggiungi visualizzazione dialogo, specificare il nome VisuMain e clicca Aggiungere per chiudere la finestra di dialogo.

  4. Selezionare l'applicazione nell'albero dei dispositivi e fare clic Aggiungi oggetto → Visualizzazione.

  5. Nel Aggiungi visualizzazione dialogo, specificare il nome Visu1 e clicca Aggiungere per chiudere la finestra di dialogo.

  6. Selezionare l'applicazione nell'albero dei dispositivi e fare clic Aggiungi oggetto → Visualizzazione.

  7. Nel Aggiungi visualizzazione dialogo, specificare il nome Visu2 e clicca Aggiungere per chiudere la finestra di dialogo.

  8. Selezionare l'applicazione nell'albero dei dispositivi e fare clic Aggiungi oggetto → Visualizzazione.

  9. Nel Aggiungi visualizzazione dialogo, specificare il nome Visu3 e clicca Aggiungere per chiudere la finestra di dialogo.

    Oltre alla visualizzazione principale, ci sono altri tre oggetti di visualizzazione.

  10. Aprire il Visu1 oggetto.

  11. Nel Strumenti di visualizzazione, nel Di base categoria, seleziona e trascina la Pulsanti di scelta elemento all'editor di visualizzazione.

    IL Proprietà si apre la vista dell'elemento.

  12. Configurare le proprietà del rettangolo come segue:

    • Testi, Testo proprietà: Visu1

    • Proprietà del testo, Font proprietà: Titolo

    • Colori, Stato normale, Colore di riempimento proprietà: Grigio chiaro

    _visu_1_for_referencing.png
  13. Programmare l'oggetto Visu2 di conseguenza.

    . Proprietà del rettangolo:
    • Testi, Testo proprietà: Visu2

    • Proprietà del testo, Font proprietà: Titolo

    • Colori, Stato normale, Colore di riempimento proprietà: Grigio

  14. Programmare l'oggetto Visu3 di conseguenza.

    . Proprietà del rettangolo:
    • Testi, Testo proprietà: Visu3

    • Proprietà del testo, Font proprietà: Titolo

    • Colori, Stato normale, Colore di riempimento proprietà: Grigio scuro

  15. Aprire il VisuMain oggetto.

  16. Nel Strumenti di visualizzazione, nel Di base categoria, seleziona e trascina la Telaio elemento all'editor di visualizzazione.

    IL Configurazione del telaio si apre la finestra di dialogo.

  17. Nel Visualizzazioni disponibili area della finestra, sulla Per nome di visualizzazione scheda, seleziona l'oggetto Visu1. In Visualizzazioni selezionate, clicca Aggiungere.

  18. Quindi seleziona l'oggetto Visu2 e clicca Aggiungere In Visualizzazioni selezionate.

  19. Quindi seleziona l'oggetto Visu3 e clicca Aggiungere In Visualizzazioni selezionate.

  20. Clic OK per chiudere la finestra di dialogo.

    Adesso il Telaio L'elemento fa riferimento alle tre visualizzazioni selezionate. I riferimenti (1) sono elencati in Riferimenti proprietà nelle proprietà dell'elemento Telaio elemento. Oltre al nome della visualizzazione, viene visualizzato anche il valore dell'indice corrispondente (2).

    _visu_main_with_properties.png

    Nota: è possibile aprire la finestra di dialogo facendo clic su Configurare pulsante nel campo valore del Riferimenti proprietà. Vedi (3). È possibile influenzare l'indice tramite l'ordine di visualizzazione nel Visualizzazioni selezionate lista.

  21. Nel Strumenti di visualizzazione, nel Controlli comuni categoria, trascina il Pulsanti di scelta elemento all'editor di visualizzazione.

    IL Proprietà si apre la vista dell'elemento.

  22. Nel Impostazioni del pulsante di scelta, Pulsante di scelta, fare clic su Crea nuovo pulsante.

    Questo elemento ha tre interruttori tra cui scegliere.

  23. Configurare le proprietà del pulsante di scelta come segue:

    • Impostazioni del pulsante di scelta, Aree, [0], Testo proprietà: Visu1

    • Impostazioni del pulsante di scelta, Aree, [1], Testo proprietà: Visu2

    • Impostazioni del pulsante di scelta, Aree, [2], Testo proprietà: Visu3

    _visu_main_for_referencing.png
  24. Nel PLC_PRG programma, dichiarare una variabile locale per il numero della visualizzazione attiva.

                                        VAR
                                        iActiveVisu : INT; // Index of visu activated by the user
                                        END_VAR
                                    
  25. Selezionare il Pulsanti di scelta elemento e nel campo valore dell' Variabile proprietà, fare clic su _cds_icon_three_dots.png pulsante.

  26. Nel Assistente di input finestra di dialogo, seleziona la variabile dichiarata di recente. Quindi esci dalla finestra di dialogo.

    . Proprietà del Pulsanti di scelta elemento:
    • Variabile: PLC_PRG.iActiveVisu

  27. Selezionare il Telaio elemento. Fare clic nel campo valore dell' Variabile di frame switch, Variabile proprietà. Specificare qui anche la variabile dichiarata di recente.

    . Proprietà del Telaio elemento:
    • Variabile di frame switch , Variabile proprietà: PLC_PRG.iActiveVisu

    La variabile di controllo del Pulsanti di scelta l'elemento è anche la variabile di frame switch del Telaio elemento. Input utente per l' Pulsanti di sceltaL'elemento cambia la visualizzazione del frame.

  28. Clic Compila → Genera codice.

  29. Clic Online → Accedi e avviare l'applicazione.

    La visualizzazione si avvia. Una delle visualizzazioni a cui si fa riferimento è in esecuzione nel frame. Quando si fa clic su un'opzione non selezionata del Pulsanti di scelta elemento, la visualizzazione modifica il contenuto del frame nella visualizzazione desiderata.

    _visu_reference_1_within_a_frame.png
    _visu_reference_2_within_a_frame.png
    _visu_reference_3_within_a_frame.png

Nell'esempio, la variabile "switch frame" è collegata a una variabile di input. In alternativa, è anche possibile impostare la variabile "switch frame" a livello di codice IEC.

Nella visualizzazione principale, il Telaio L'elemento visualizza una delle visualizzazioni del frame in fase di esecuzione. L'utente può utilizzare i pulsanti per controllare la visualizzazione nel frame. L'input dell'utente attiva Visualizzazione del frame di commutazione azione di input.

Procedura. Programmazione di una visualizzazione
  1. Crea un nuovo progetto standard in CODESYS.

  2. Selezionare l'applicazione nell'albero dei dispositivi e fare clic Aggiungi oggetto → Visualizzazione.

  3. Nel Aggiungi visualizzazione dialogo, specificare il nome VisuMain e clicca Aggiungere per chiudere la finestra di dialogo.

  4. Selezionare l'applicazione nell'albero dei dispositivi e fare clic Aggiungi oggetto → Visualizzazione.

  5. Nel Aggiungi visualizzazione dialogo, specificare il nome Visu1 e clicca Aggiungere per chiudere la finestra di dialogo.

  6. Selezionare l'applicazione nell'albero dei dispositivi e fare clic Aggiungi oggetto → Visualizzazione.

  7. Nel Aggiungi visualizzazione dialogo, specificare il nome Visu2 e clicca Aggiungere per chiudere la finestra di dialogo.

  8. Selezionare l'applicazione nell'albero dei dispositivi e fare clic Aggiungi oggetto → Visualizzazione.

  9. Nel Aggiungi visualizzazione dialogo, specificare il nome Visu3 e clicca Aggiungere per chiudere la finestra di dialogo.

    Oltre alla visualizzazione principale, ci sono altri tre oggetti di visualizzazione.

  10. Aprire il Visu1 oggetto.

  11. Nel Strumenti di visualizzazione, nel Di base categoria, seleziona e trascina la Rettangolo elemento all'editor di visualizzazione.

    IL Proprietà si apre la vista dell'elemento.

  12. Configurare le proprietà del rettangolo come segue:

    • Testi, Testo proprietà: Visu1

    • Proprietà del testo, Font proprietà: Titolo

    • Colori, Stato normale, Colore di riempimento proprietà: Grigio chiaro

    _visu_1_for_referencing.png
  13. Programmare l'oggetto Visu2 di conseguenza.

    . Proprietà del rettangolo:
    • Testi, Testo proprietà: Visu2

    • Proprietà del testo, Font proprietà: Titolo

    • Colori, Stato normale, Colore di riempimento proprietà: Grigio

  14. Programmare l'oggetto Visu3 di conseguenza.

    . Proprietà del rettangolo:
    • Testi, Testo proprietà: Visu3

    • Proprietà del testo, Font proprietà: Titolo

    • Colori, Stato normale, Colore di riempimento proprietà: Grigio scuro

  15. Aprire il VisuMain oggetto.

  16. Nel Strumenti di visualizzazione, nel Di base categoria, seleziona e trascina la Telaio elemento all'editor di visualizzazione.

    IL Configurazione del telaio si apre la finestra di dialogo.

  17. Nel Visualizzazioni disponibili area della finestra, sulla Per nome di visualizzazione scheda, seleziona l'oggetto Visu1. In Visualizzazioni selezionate, clicca Aggiungere.

  18. Quindi seleziona l'oggetto Visu2 e clicca Aggiungere In Visualizzazioni selezionate.

  19. Quindi seleziona l'oggetto Visu3 e clicca Aggiungere In Visualizzazioni selezionate.

  20. Clic OK per chiudere la finestra di dialogo.

    Adesso il Telaio L'elemento fa riferimento alle tre visualizzazioni selezionate. I riferimenti (1) sono elencati in Riferimenti proprietà nelle proprietà dell'elemento Telaio elemento. Oltre al nome della visualizzazione, viene visualizzato anche il valore dell'indice corrispondente (2).

    _visu_main_with_properties.png

    Nota: è possibile aprire la finestra di dialogo in modo indipendente facendo clic su Configurare pulsante nel campo valore del Riferimenti proprietà. Vedi (3). È possibile influenzare l'indice tramite l'ordine di visualizzazione nel Visualizzazioni selezionate lista.

  21. Nel Strumenti di visualizzazione, nel Controlli comuni categoria, trascina il Pulsante elemento all'editor di visualizzazione.

    L'elemento è selezionato e le sue proprietà sono visibili nella Proprietà visualizzazione.

  22. Configurare il Testi, Testo proprietà con Visu1.

  23. Nel Configurazione di inputSuMouseGiù proprietà, clicca Configurare.

    IL Configurazione di input si apre la finestra di dialogo.

  24. Selezionare il Visualizzazione del frame di commutazione azione e clic _icon_arrow_right.png.

    L'azione viene visualizzata nella finestra a destra.

  25. . Configura l'azione:
    • Selezionare il Cambia visualizzazione locale opzione.

    • Imposta il Selezione della visualizzazione A Visu1.

    • Clic OK per uscire dalla finestra di dialogo.

    L'azione di follow-up è configurata nel Configurazione di input proprietà.

    Configurazione di input, SuMouseGiù, Visualizzazione del frame di commutazione proprietà: 0

  26. Trascinane un altro Pulsante elemento nell'editor di visualizzazione. Configura il pulsante di conseguenza.

    . Proprietà del pulsante:
    • Testi, Testo proprietà: Visu2

    • Configurazione di input, SuMouseGiù, Visualizzazione del frame di commutazione proprietà: 1

  27. Trascinane un altro Pulsante elemento nell'editor di visualizzazione. Configura il pulsante di conseguenza.

    . Proprietà del pulsante:
    • Testi, Testo proprietà: Visu3

    • Configurazione di input, SuMouseGiù, Visualizzazione del frame di commutazione proprietà: 2

  28. Clic Compila → Genera codice.

  29. Clic Online → Accedi per il dispositivo e avviare l'applicazione.

    La visualizzazione si avvia. Una delle visualizzazioni a cui si fa riferimento è in esecuzione nel frame. Quando si fa clic su uno dei pulsanti, la visualizzazione commuta il contenuto del frame alla visualizzazione corrispondente.

    _visu_1_in_runtime_action.png
    _visu_2_in_runtime_action.png
    _visu_3_in_runtime_action.png

Per il Schede, la navigazione tra le visualizzazioni referenziate viene fornita automaticamente. La prima delle visualizzazioni referenziate è in primo piano, mentre le altre sono nascoste "dietro". L'utente può navigare tra di esse tramite le schede fornite automaticamente.

Procedura. Configurazione di un elemento tabulazioni
  1. Crea un nuovo progetto standard in CODESYS.

  2. Selezionare l'applicazione nell'albero dei dispositivi e fare clic Aggiungi oggetto → Visualizzazione.

  3. Nel Aggiungi visualizzazione dialogo, specificare il nome VisuMain e clicca Aggiungere per chiudere la finestra di dialogo.

  4. Selezionare l'applicazione nell'albero dei dispositivi e fare clic Aggiungi oggetto → Visualizzazione.

  5. Nel Aggiungi visualizzazione dialogo, specificare il nome Visu1 e clicca Aggiungere per chiudere la finestra di dialogo.

  6. Selezionare l'applicazione nell'albero dei dispositivi e fare clic Aggiungi oggetto → Visualizzazione.

  7. Nel Aggiungi visualizzazione dialogo, specificare il nome Visu2 e clicca Aggiungere per chiudere la finestra di dialogo.

  8. Selezionare l'applicazione nell'albero dei dispositivi e fare clic Aggiungi oggetto → Visualizzazione.

  9. Nel Aggiungi visualizzazione dialogo, specificare il nome Visu3 e clicca Aggiungere per chiudere la finestra di dialogo.

    Oltre alla visualizzazione principale, ci sono altri tre oggetti di visualizzazione.

  10. Aprire il Visu1 oggetto.

  11. Trascina un Rettangolo elemento all'editor di visualizzazione.

    IL Proprietà si apre la vista dell'elemento.

  12. Configurare le proprietà del rettangolo come segue:

    • Testi, Testo proprietà: Visu1

    • Proprietà del testo, Font proprietà: Titolo

    • Colori, Stato normale, Colore di riempimento proprietà: Grigio chiaro

    _visu_1_for_referencing.png
  13. Programmare l'oggetto Visu2 di conseguenza.

    . Proprietà del rettangolo:
    • Testi, Testo proprietà: Visu2

    • Proprietà del testo, Font proprietà: Titolo

    • Colori, Stato normale, Colore di riempimento proprietà: Grigio

  14. Programmare l'oggetto Visu3 di conseguenza.

    . Proprietà del rettangolo:
    • Testi, Testo proprietà: Visu3

    • Proprietà del testo, Font proprietà: Titolo

    • Colori, Stato normale, Colore di riempimento proprietà: Grigio scuro

  15. Aprire il VisuMain oggetto.

  16. Nel Strumenti di visualizzazione, nel Di base categoria, seleziona e trascina la Telaio elemento all'editor di visualizzazione.

    IL Configurazione del telaio si apre la finestra di dialogo.

  17. Nel Visualizzazioni disponibili area della finestra, sulla Per nome di visualizzazione scheda, seleziona l'oggetto Visu1. In Visualizzazioni selezionate, clicca Aggiungere.

  18. Quindi seleziona l'oggetto Visu2 e clicca Aggiungere In Visualizzazioni selezionate.

  19. Quindi seleziona l'oggetto Visu3 e clicca Aggiungere In Visualizzazioni selezionate.

  20. Clic OK per uscire dalla finestra di dialogo.

    Adesso il Schede L'elemento fa riferimento alle tre visualizzazioni selezionate. I riferimenti (1) sono elencati in Riferimenti proprietà nelle proprietà dell'elemento Telaio elemento. Oltre al nome della visualizzazione, viene visualizzato anche il valore dell'indice corrispondente (2).

    _visu_main_with_properties.png

    Nota: è possibile aprire la finestra di dialogo Configurazione del telaio dialogo in modo indipendente quando si fa clic su Configurare pulsante nel campo valore del Riferimenti proprietà. Vedi (3). È possibile influenzare l'indice tramite l'ordine di visualizzazione nel Visualizzazioni selezionate lista.

  21. Nel Strumenti di visualizzazione, nel Controlli comuni categoria, trascina il Schede elemento all'editor di visualizzazione.

    IL Proprietà si apre la vista dell'elemento.

  22. Configurare le proprietà della scheda come segue:

    • Larghezza della scheda proprietà: 40

    • Riferimenti, Visu1, Intestazione proprietà: Visu1

    • Riferimenti, Visu2, Intestazione proprietà: Visu2

    • Riferimenti, Visu3, Intestazione proprietà: Visu3

    _visu_within_a_tab.png
  23. Clic Compila → Genera codice.

  24. Clic Online → Accedi per il dispositivo e avviare l'applicazione.

    La visualizzazione si avvia. Una delle visualizzazioni a cui si fa riferimento è in esecuzione in Schede elemento. Fare clic sulla scheda per passare alla rispettiva visualizzazione.

    _visu_within_a_tab_in_runtime.png