Skip to main content

Referenciación de visualizaciones

Visualización de múltiples visualizaciones en una sola visualización

Importante

Las visualizaciones se pueden anidar a cualquier profundidad mediante Marco. Para poder utilizar el Cambiar a cualquier visualización tipo de selección de marco sin ningún problema, un Marco no debe contener más de 21 visualizaciones referenciadas.

Puede hacer referencia a otras visualizaciones dentro de una visualización principal, ya sea en un Marco o una Cortina a la italiana elemento y luego mostrarlos en el panel de la ventana del elemento.

En el caso de la Marco elemento, puede programar libremente qué visualizaciones se muestran en cada momento. Una opción es usar la variable de marco de conmutación del Marco Elemento que activa automáticamente un interruptor según su valor. También se pueden programar controles adicionales que, tras la entrada del usuario, activan acciones que resultan en el cambio de una visualización.

Además, puedes utilizar el Cortina a la italiana para referenciar visualizaciones. Es fácil y ventajoso que el Cortina a la italiana El elemento proporciona un control preconfigurado del interruptor de visualización.

Para obtener más información, consulte: Configuración de entradas de usuario

Aviso

0_Sample_ProjectProyecto de muestra para cambiar visualizaciones dentro de un marco

Cambiar la visualización de los cuadros mediante una variable

En la visualización principal, la Marco El elemento muestra una de las visualizaciones de fotogramas referenciados en tiempo de ejecución. El usuario puede seleccionar la Botones de radio elemento que se muestra en el marco.

procedimiento. Conexión de visualizaciones de marcos con un elemento de botones de opción

  1. Crear un nuevo proyecto estándar en CODESYS.

  2. Seleccione la aplicación en el árbol de dispositivos y haga clic Agregar objeto → Visualización.

  3. En el Agregar visualización diálogo, especifique el nombre VisuMain y haga clic Agregar para cerrar el diálogo.

  4. Seleccione la aplicación en el árbol de dispositivos y haga clic Agregar objeto → Visualización.

  5. En el Agregar visualización diálogo, especifique el nombre Visu1 y haga clic Agregar para cerrar el diálogo.

  6. Seleccione la aplicación en el árbol de dispositivos y haga clic Agregar objeto → Visualización.

  7. En el Agregar visualización diálogo, especifique el nombre Visu2 y haga clic Agregar para cerrar el diálogo.

  8. Seleccione la aplicación en el árbol de dispositivos y haga clic Agregar objeto → Visualización.

  9. En el Agregar visualización diálogo, especifique el nombre Visu3 y haga clic Agregar para cerrar el diálogo.

    Además de la visualización principal, hay tres objetos de visualización más.

  10. Abrir el Visu1 objeto.

  11. En el Caja de herramientas de visualización, en el Básico categoría, seleccione y arrastre el Botones de radio elemento al editor de visualización.

    El Propiedades Se abre la vista del elemento.

  12. Configure las propiedades del rectángulo de la siguiente manera:

    • Textos, Texto propiedad: Visu1

    • Propiedades del texto, Fuente propiedad: Título

    • Bandera, Estado normal, Color de relleno propiedad: Gris claro

    _visu_1_for_referencing.png

  13. Programar el objeto Visu2 respectivamente.

    . Propiedades del rectángulo:

    • Textos, Texto propiedad: Visu2

    • Propiedades del texto, Fuente propiedad: Título

    • Bandera, Estado normal, Color de relleno propiedad: Gris

  14. Programar el objeto Visu3 respectivamente.

    . Propiedades del rectángulo:

    • Textos, Texto propiedad: Visu3

    • Propiedades del texto, Fuente propiedad: Título

    • Bandera, Estado normal, Color de relleno propiedad: Gris oscuro

  15. Abrir el VisuMain objeto.

  16. En el Caja de herramientas de visualización, en el Básico categoría, seleccione y arrastre el Marco elemento al editor de visualización.

    El Configuración del marco Se abre el diálogo.

  17. En el Visualizaciones disponibles área de la ventana, en el Por nombre de visualización pestaña, seleccione el objeto Visu1. En Visualizaciones seleccionadas, haga clic Agregar.

  18. Luego seleccione el objeto Visu2 y haga clic Agregar en Visualizaciones seleccionadas.

  19. Luego seleccione el objeto Visu3 y haga clic Agregar en Visualizaciones seleccionadas.

  20. Hacer clic DE ACUERDO para cerrar el diálogo.

    Ahora el Marco El elemento hace referencia a las tres visualizaciones seleccionadas. Las referencias (1) se enumeran en el Referencias propiedad en las propiedades del elemento Marco Elemento. Además del nombre de la visualización, también se muestra el valor de índice correspondiente (2).

    _visu_main_with_properties.png

    Nota: Puede abrir el cuadro de diálogo al hacer clic en el Configurar botón en el campo de valor de la Referencias propiedad. Véase (3). Puede influir en el índice mediante el orden de visualización en el Visualizaciones seleccionadas lista.

  21. En el Caja de herramientas de visualización, en el Controles comunes categoría, arrastre el Botones de radio elemento al editor de visualización.

    El Propiedades Se abre la vista del elemento.

  22. En el Configuración de los botones de opción, Botón de radio, haga clic en el Crear nuevo botón.

    Este elemento tiene tres interruptores para seleccionar.

  23. Configure las propiedades del botón de opción de la siguiente manera:

    • Configuración de los botones de opción, Áreas, [0], Texto propiedad: Visu1

    • Configuración de los botones de opción, Áreas, [1], Texto propiedad: Visu2

    • Configuración de los botones de opción, Áreas, [2], Texto propiedad: Visu3

    _visu_main_for_referencing.png

  24. En el PLC_PRG programa, declara una variable local para el número de visualización que está activa.

                                        VAR
                                    iActiveVisu : INT; // Index of visu activated by the user
                                    END_VAR

  25. Seleccione el Botones de radio elemento y en el campo de valor del Variable propiedad, haga clic en el _cds_icon_three_dots.png botón.

  26. En el Asistente de entrada En el cuadro de diálogo, seleccione la variable declarada recientemente. Luego, salga del cuadro de diálogo.

    . Propiedad de la Botones de radio elemento:

    • Variable: PLC_PRG.iActiveVisu

  27. Seleccione el Marco elemento. Haga clic en el campo de valor del Cambiar variable de marco, Variable Propiedad. Especifique aquí también la variable declarada recientemente.

    . Propiedad de la Marco elemento:

    • Cambiar variable de marco , Variable propiedad: PLC_PRG.iActiveVisu

    La variable de control de la Botones de radio El elemento también es la variable del marco de conmutación del Marco elemento. Entrada del usuario para el Botones de radioelemento cambia la visualización del marco.

  28. Hacer clic Construir → Generar código.

  29. Hacer clic En línea → Iniciar sesión y iniciar la aplicación.

    La visualización comienza. Una de las visualizaciones referenciadas se está ejecutando en el marco. Al hacer clic en una opción no seleccionada de la Botones de radio elemento, la visualización cambia el contenido del marco a la visualización deseada.

    _visu_reference_1_within_a_frame.png
    _visu_reference_2_within_a_frame.png
    _visu_reference_3_within_a_frame.png

En el ejemplo, la variable de trama de conmutación está conectada a una variable de entrada. También puede configurarla programáticamente en el código IEC.

Cambiar la visualización de los cuadros mediante una acción de seguimiento

En la visualización principal, la Marco El elemento muestra una de las visualizaciones del marco en tiempo de ejecución. El usuario puede usar botones para controlar la visualización en el marco. La entrada del usuario activa el... Visualización del marco del interruptor acción de entrada.

procedimiento. Programación de una visualización

  1. Crear un nuevo proyecto estándar en CODESYS.

  2. Seleccione la aplicación en el árbol de dispositivos y haga clic Agregar objeto → Visualización.

  3. En el Agregar visualización diálogo, especifique el nombre VisuMain y haga clic Agregar para cerrar el diálogo.

  4. Seleccione la aplicación en el árbol de dispositivos y haga clic Agregar objeto → Visualización.

  5. En el Agregar visualización diálogo, especifique el nombre Visu1 y haga clic Agregar para cerrar el diálogo.

  6. Seleccione la aplicación en el árbol de dispositivos y haga clic Agregar objeto → Visualización.

  7. En el Agregar visualización diálogo, especifique el nombre Visu2 y haga clic Agregar para cerrar el diálogo.

  8. Seleccione la aplicación en el árbol de dispositivos y haga clic Agregar objeto → Visualización.

  9. En el Agregar visualización diálogo, especifique el nombre Visu3 y haga clic Agregar para cerrar el diálogo.

    Además de la visualización principal, hay tres objetos de visualización más.

  10. Abrir el Visu1 objeto.

  11. En el Caja de herramientas de visualización, en el Básico categoría, seleccione y arrastre el Rectángulo elemento al editor de visualización.

    El Propiedades Se abre la vista del elemento.

  12. Configure las propiedades del rectángulo de la siguiente manera:

    • Textos, Texto propiedad: Visu1

    • Propiedades del texto, Fuente propiedad: Título

    • Bandera, Estado normal, Color de relleno propiedad: Gris claro

    _visu_1_for_referencing.png

  13. Programar el objeto Visu2 respectivamente.

    . Propiedades del rectángulo:

    • Textos, Texto propiedad: Visu2

    • Propiedades del texto, Fuente propiedad: Título

    • Bandera, Estado normal, Color de relleno propiedad: Gris

  14. Programar el objeto Visu3 respectivamente.

    . Propiedades del rectángulo:

    • Textos, Texto propiedad: Visu3

    • Propiedades del texto, Fuente propiedad: Título

    • Bandera, Estado normal, Color de relleno propiedad: Gris oscuro

  15. Abrir el VisuMain objeto.

  16. En el Caja de herramientas de visualización, en el Básico categoría, seleccione y arrastre el Marco elemento al editor de visualización.

    El Configuración del marco Se abre el diálogo.

  17. En el Visualizaciones disponibles área de la ventana, en el Por nombre de visualización pestaña, seleccione el objeto Visu1. En Visualizaciones seleccionadas, haga clic Agregar.

  18. Luego seleccione el objeto Visu2 y haga clic Agregar en Visualizaciones seleccionadas.

  19. Luego seleccione el objeto Visu3 y haga clic Agregar en Visualizaciones seleccionadas.

  20. Hacer clic DE ACUERDO para cerrar el diálogo.

    Ahora el Marco El elemento hace referencia a las tres visualizaciones seleccionadas. Las referencias (1) se enumeran en el Referencias propiedad en las propiedades del elemento Marco Elemento. Además del nombre de la visualización, también se muestra el valor de índice correspondiente (2).

    _visu_main_with_properties.png

    Nota: Puede abrir el cuadro de diálogo de forma independiente al hacer clic en el botón Configurar botón en el campo de valor de la Referencias propiedad. Véase (3). Puede influir en el índice mediante el orden de visualización en el Visualizaciones seleccionadas lista.

  21. En el Caja de herramientas de visualización, en el Controles comunes categoría, arrastre el Botón elemento al editor de visualización.

    El elemento está seleccionado y sus propiedades son visibles en el Propiedades vista.

  22. Configurar el Textos, Texto propiedad con Visu1.

  23. En el Configuración de entradaAl presionar el ratón propiedad, haga clic Configurar.

    El Configuración de entrada Se abre el diálogo.

  24. Seleccione el Visualización del marco del interruptor acción y clic _icon_arrow_right.png.

    La acción se muestra en la ventana de la derecha.

  25. . Configurar la acción:

    • Seleccione el Cambiar la visualización local opción.

    • Establezca el Selección de visualización a Visu1.

    • Hacer clic DE ACUERDO para salir del diálogo.

    La acción de seguimiento se configura en el Configuración de entrada propiedad.

    Configuración de entrada, Al presionar el ratón, Visualización del marco del interruptor propiedad: 0

  26. Arrastre otro Botón Elemento al editor de visualización. Configure el botón según corresponda.

    . Propiedades del botón:

    • Textos, Texto propiedad: Visu2

    • Configuración de entrada, Al presionar el ratón, Visualización del marco del interruptor propiedad: 1

  27. Arrastre otro Botón Elemento al editor de visualización. Configure el botón según corresponda.

    . Propiedades del botón:

    • Textos, Texto propiedad: Visu3

    • Configuración de entrada, Al presionar el ratón, Visualización del marco del interruptor propiedad: 2

  28. Hacer clic Construir → Generar código.

  29. Hacer clic En línea → Iniciar sesión para el dispositivo e iniciar la aplicación.

    Se inicia la visualización. Una de las visualizaciones referenciadas se está ejecutando en el marco. Al hacer clic en uno de los botones, la visualización cambia el contenido del marco a la visualización correspondiente.

    _visu_1_in_runtime_action.png
    _visu_2_in_runtime_action.png
    _visu_3_in_runtime_action.png

Visualización de visualizaciones en un elemento de pestañas

Para el Cortina a la italiana La navegación por las visualizaciones referenciadas se realiza automáticamente. La primera de ellas se muestra en primer plano, mientras que las demás se ocultan detrás. El usuario puede navegar entre ellas mediante las pestañas automáticas.

procedimiento. Configurar un elemento de pestañas

  1. Crear un nuevo proyecto estándar en CODESYS.

  2. Seleccione la aplicación en el árbol de dispositivos y haga clic Agregar objeto → Visualización.

  3. En el Agregar visualización diálogo, especifique el nombre VisuMain y haga clic Agregar para cerrar el diálogo.

  4. Seleccione la aplicación en el árbol de dispositivos y haga clic Agregar objeto → Visualización.

  5. En el Agregar visualización diálogo, especifique el nombre Visu1 y haga clic Agregar para cerrar el diálogo.

  6. Seleccione la aplicación en el árbol de dispositivos y haga clic Agregar objeto → Visualización.

  7. En el Agregar visualización diálogo, especifique el nombre Visu2 y haga clic Agregar para cerrar el diálogo.

  8. Seleccione la aplicación en el árbol de dispositivos y haga clic Agregar objeto → Visualización.

  9. En el Agregar visualización diálogo, especifique el nombre Visu3 y haga clic Agregar para cerrar el diálogo.

    Además de la visualización principal, hay tres objetos de visualización más.

  10. Abrir el Visu1 objeto.

  11. Arrastre un Rectángulo elemento al editor de visualización.

    El Propiedades Se abre la vista del elemento.

  12. Configure las propiedades del rectángulo de la siguiente manera:

    • Textos, Texto propiedad: Visu1

    • Propiedades del texto, Fuente propiedad: Título

    • Bandera, Estado normal, Color de relleno propiedad: Gris claro

    _visu_1_for_referencing.png

  13. Programar el objeto Visu2 respectivamente.

    . Propiedades del rectángulo:

    • Textos, Texto propiedad: Visu2

    • Propiedades del texto, Fuente propiedad: Título

    • Bandera, Estado normal, Color de relleno propiedad: Gris

  14. Programar el objeto Visu3 respectivamente.

    . Propiedades del rectángulo:

    • Textos, Texto propiedad: Visu3

    • Propiedades del texto, Fuente propiedad: Título

    • Bandera, Estado normal, Color de relleno propiedad: Gris oscuro

  15. Abrir el VisuMain objeto.

  16. En el Caja de herramientas de visualización, en el Básico categoría, seleccione y arrastre el Marco elemento al editor de visualización.

    El Configuración del marco Se abre el diálogo.

  17. En el Visualizaciones disponibles área de la ventana, en el Por nombre de visualización pestaña, seleccione el objeto Visu1. En Visualizaciones seleccionadas, haga clic Agregar.

  18. Luego seleccione el objeto Visu2 y haga clic Agregar en Visualizaciones seleccionadas.

  19. Luego seleccione el objeto Visu3 y haga clic Agregar en Visualizaciones seleccionadas.

  20. Hacer clic DE ACUERDO para salir del diálogo.

    Ahora el Cortina a la italiana El elemento hace referencia a las tres visualizaciones seleccionadas. Las referencias (1) se enumeran en el Referencias propiedad en las propiedades del elemento Marco Elemento. Además del nombre de la visualización, también se muestra el valor de índice correspondiente (2).

    _visu_main_with_properties.png

    Nota: Puede abrir el cuadro de diálogo Configuración del marco diálogo de forma independiente al hacer clic en el Configurar botón en el campo de valor de la Referencias propiedad. Véase (3). Puede influir en el índice mediante el orden de visualización en el Visualizaciones seleccionadas lista.

  21. En el Caja de herramientas de visualización, en el Controles comunes categoría, arrastre el Cortina a la italiana elemento al editor de visualización.

    El Propiedades Se abre la vista del elemento.

  22. Configure las propiedades de la pestaña de la siguiente manera:

    • Ancho de pestaña propiedad: 40

    • Referencias, Visu1, Encabezamiento propiedad: Visu1

    • Referencias, Visu2, Encabezamiento propiedad: Visu2

    • Referencias, Visu3, Encabezamiento propiedad: Visu3

    _visu_within_a_tab.png

  23. Hacer clic Construir → Generar código.

  24. Hacer clic En línea → Iniciar sesión para el dispositivo e iniciar la aplicación.

    La visualización comienza. Una de las visualizaciones referenciadas se está ejecutando en el Cortina a la italiana elemento. Haga clic en la pestaña para cambiar a la visualización correspondiente.

    _visu_within_a_tab_in_runtime.png
En esta sección: