Skip to main content

Riferimento di visualizzazioni

Visualizzazione di più visualizzazioni in una visualizzazione

Importante

Le visualizzazioni possono essere annidate a qualsiasi profondità per mezzo di Telaio. Per utilizzare il Passa a qualsiasi visualizzazione tipo di selezione della cornice senza problemi, a Telaio non deve contenere più di 21 visualizzazioni referenziate.

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

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

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

Per ulteriori informazioni, vedere: Configurazione degli input utente

Nella visualizzazione principale, il Telaio element visualizza una delle visualizzazioni del frame di riferimento in fase di esecuzione. L'utente può selezionare il Tasti della radio elemento che viene visualizzato nel riquadro.

Procedura. Collegamento di visualizzazioni frame con un elemento pulsanti di opzione
  1. Crea un nuovo progetto standard in CODESYS.

  2. Selezionare l'applicazione nella struttura del dispositivo e fare clic Aggiungi oggetto → Visualizzazione.

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

  4. Selezionare l'applicazione nella struttura del dispositivo e fare clic Aggiungi oggetto → Visualizzazione.

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

  6. Selezionare l'applicazione nella struttura del dispositivo e fare clic Aggiungi oggetto → Visualizzazione.

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

  8. Selezionare l'applicazione nella struttura del dispositivo e fare clic Aggiungi oggetto → Visualizzazione.

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

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

  10. Apri il Visu1 oggetto.

  11. Nel Casella degli strumenti di visualizzazione, nel Di base categoria, selezionare e trascinare il Tasti della radio elemento nell'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. Programma 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. Programma 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. Apri il VisuMain oggetto.

  16. Nel Casella degli strumenti di visualizzazione, nel Di base categoria, selezionare e trascinare il Telaio elemento nell'editor di visualizzazione.

    Il Configurazione del telaio si apre la finestra di dialogo.

  17. Nel Visualizzazioni disponibili zona finestra, sul Per nome di visualizzazione scheda, selezionare l'oggetto Visu1. Nel Visualizzazioni selezionate, fare clic Aggiungere.

  18. Quindi seleziona l'oggetto Visu2 e fare clic Aggiungere in Visualizzazioni selezionate.

  19. Quindi seleziona l'oggetto Visu3 e fare clic Aggiungere in Visualizzazioni selezionate.

  20. Clic ok per uscire dalla finestra di dialogo.

    Ora il Telaio L'elemento fa riferimento alle tre visualizzazioni selezionate. I riferimenti (1) sono elencati nel Riferimenti proprietà nelle proprietà dell'elemento di 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 Configura pulsante nel campo del valore di Riferimenti proprietà. Vedi (3). È possibile influenzare l'indice tramite l'ordine di visualizzazione nel file Visualizzazioni selezionate elenco.

  21. Nel Casella degli strumenti di visualizzazione, nel Controlli comuni categoria, trascinare il Tasti della radio elemento nell'editor di visualizzazione.

    Il Proprietà si apre la vista dell'elemento.

  22. Nel Impostazioni dei pulsanti di opzione, Pulsante di opzione, clicca il Creare nuovo pulsante.

    Questo elemento ha tre interruttori tra cui scegliere.

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

    • Impostazioni dei pulsanti di opzione, le zone, [0], Testo proprietà: Visu1

    • Impostazioni dei pulsanti di opzione, le zone, [1], Testo proprietà: Visu2

    • Impostazioni dei pulsanti di opzione, le zone, [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. Seleziona il Tasti della radio elemento e nel campo valore di Variabile proprietà, fare clic su _cds_icon_three_dots.png pulsante.

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

    . Proprietà del Tasti della radio elemento:
    • Variabile: PLC_PRG.iActiveVisu

  27. Seleziona il Telaio elemento. Fare clic nel campo del valore di Cambia la variabile del frame, Variabile proprietà. Specificare anche qui la variabile dichiarata di recente.

    . Proprietà del Telaio elemento:
    • Cambia la variabile del frame , Variabile proprietà: PLC_PRG.iActiveVisu

    La variabile di controllo del Tasti della radio element è anche la variabile frame switch di Telaio elemento. Input dell'utente per il Tasti della radiol'elemento cambia la visualizzazione della cornice.

  28. Clic Crea → Genera codice.

  29. Clic In linea → Accedi e avviare l'applicazione.

    La visualizzazione ha inizio. Una delle visualizzazioni di riferimento è in esecuzione nel frame. Quando si fa clic su un'opzione non selezionata di Tasti della radio elemento, la visualizzazione cambia i contenuti nel 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 frame switch è collegata a una variabile di input. Invece, è anche possibile impostare la variabile frame switch in modo programmatico nel codice IEC.

Nella visualizzazione principale, il Telaio element visualizza una delle visualizzazioni frame in fase di esecuzione. L'utente può utilizzare i pulsanti per controllare la visualizzazione nella cornice. L'input dell'utente attiva il Cambia visualizzazione frame azione di input.

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

  2. Selezionare l'applicazione nella struttura del dispositivo e fare clic Aggiungi oggetto → Visualizzazione.

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

  4. Selezionare l'applicazione nella struttura del dispositivo e fare clic Aggiungi oggetto → Visualizzazione.

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

  6. Selezionare l'applicazione nella struttura del dispositivo e fare clic Aggiungi oggetto → Visualizzazione.

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

  8. Selezionare l'applicazione nella struttura del dispositivo e fare clic Aggiungi oggetto → Visualizzazione.

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

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

  10. Apri il Visu1 oggetto.

  11. Nel Casella degli strumenti di visualizzazione, nel Di base categoria, selezionare e trascinare il Rettangolo elemento nell'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. Programma 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. Programma 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. Apri il VisuMain oggetto.

  16. Nel Casella degli strumenti di visualizzazione, nel Di base categoria, selezionare e trascinare il Telaio elemento nell'editor di visualizzazione.

    Il Configurazione del telaio si apre la finestra di dialogo.

  17. Nel Visualizzazioni disponibili zona finestra, sul Per nome di visualizzazione scheda, selezionare l'oggetto Visu1. Nel Visualizzazioni selezionate, fare clic Aggiungere.

  18. Quindi seleziona l'oggetto Visu2 e fare clic Aggiungere in Visualizzazioni selezionate.

  19. Quindi seleziona l'oggetto Visu3 e fare clic Aggiungere in Visualizzazioni selezionate.

  20. Clic ok per uscire dalla finestra di dialogo.

    Ora il Telaio L'elemento fa riferimento alle tre visualizzazioni selezionate. I riferimenti (1) sono elencati nel Riferimenti proprietà nelle proprietà dell'elemento di 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 quando si fa clic su Configura pulsante nel campo del valore di Riferimenti proprietà. Vedi (3). È possibile influenzare l'indice tramite l'ordine di visualizzazione nel file Visualizzazioni selezionate elenco.

  21. Nel Casella degli strumenti di visualizzazione, nel Controlli comuni categoria, trascinare il Pulsante elemento nell'editor di visualizzazione.

    L'elemento è selezionato e le sue proprietà sono visibili nel file Proprietà Visualizza.

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

  23. Nel Configurazione ingressoOnMouseDown proprietà, fare clic Configura.

    Il Configurazione ingresso si apre la finestra di dialogo.

  24. Seleziona il Cambia visualizzazione frame azione e fare clic _icon_arrow_right.png.

    L'azione viene visualizzata nella finestra a destra.

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

    • Impostare il Selezione visualizzazione a Visu1.

    • Clic ok per uscire dalla finestra di dialogo.

    L'azione successiva è configurata nel file Configurazione degli ingressi proprietà.

    Configurazione ingresso, OnMouseDown, Cambia visualizzazione frame proprietà: 0

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

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

    • Configurazione ingresso, OnMouseDown, Cambia visualizzazione frame proprietà: 1

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

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

    • Configurazione ingresso, OnMouseDown, Cambia visualizzazione frame proprietà: 2

  28. Clic Crea → Genera codice.

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

    La visualizzazione inizia. Una delle visualizzazioni di riferimento è in esecuzione nel frame. Quando si fa clic su uno dei pulsanti, la visualizzazione commuta i contenuti nel riquadro alla rispettiva visualizzazione.

    _visu_1_in_runtime_action.png
    _visu_2_in_runtime_action.png
    _visu_3_in_runtime_action.png

Per il Schede, la navigazione delle visualizzazioni di riferimento è fornita in automatico. La prima delle visualizzazioni di riferimento è in primo piano, mentre le altre sono nascoste "dietro di essa". L'utente può navigare tra di loro per mezzo delle schede che vengono fornite automaticamente.

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

  2. Selezionare l'applicazione nella struttura del dispositivo e fare clic Aggiungi oggetto → Visualizzazione.

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

  4. Selezionare l'applicazione nella struttura del dispositivo e fare clic Aggiungi oggetto → Visualizzazione.

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

  6. Selezionare l'applicazione nella struttura del dispositivo e fare clic Aggiungi oggetto → Visualizzazione.

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

  8. Selezionare l'applicazione nella struttura del dispositivo e fare clic Aggiungi oggetto → Visualizzazione.

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

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

  10. Apri il Visu1 oggetto.

  11. Trascina un Rettangolo elemento nell'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. Programma 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. Programma 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. Apri il VisuMain oggetto.

  16. Nel Casella degli strumenti di visualizzazione, nel Di base categoria, selezionare e trascinare il Telaio elemento nell'editor di visualizzazione.

    Il Configurazione del telaio si apre la finestra di dialogo.

  17. Nel Visualizzazioni disponibili zona finestra, sul Per nome di visualizzazione scheda, selezionare l'oggetto Visu1. Nel Visualizzazioni selezionate, fare clic Aggiungere.

  18. Quindi seleziona l'oggetto Visu2 e fare clic Aggiungere in Visualizzazioni selezionate.

  19. Quindi seleziona l'oggetto Visu3 e fare clic Aggiungere in Visualizzazioni selezionate.

  20. Clic ok per uscire dalla finestra di dialogo.

    Ora il Schede L'elemento fa riferimento alle tre visualizzazioni selezionate. I riferimenti (1) sono elencati nel Riferimenti proprietà nelle proprietà dell'elemento di 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 finestra di dialogo in modo indipendente quando si fa clic su Configura pulsante nel campo del valore di Riferimenti proprietà. Vedi (3). È possibile influenzare l'indice tramite l'ordine di visualizzazione nel file Visualizzazioni selezionate elenco.

  21. Nel Casella degli strumenti di visualizzazione, nel Controlli comuni categoria, trascinare il Schede elemento nell'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 Crea → Genera codice.

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

    La visualizzazione ha inizio. Una delle visualizzazioni di riferimento è in esecuzione in Schede elemento. Fare clic sulla scheda per passare alla rispettiva visualizzazione.

    _visu_within_a_tab_in_runtime.png