Skip to main content

Elemento de visualización: Selector de fecha

Símbolo:

_visu_icon_date_picker.png

Categoría: Controles de fecha/hora

El elemento es un calendario que muestra la fecha actual. Un usuario puede hacer clic en un día para seleccionar una fecha, que se guarda en una variable. Además, puede personalizar el intervalo de tiempo que muestra el calendario. Al hacer clic en el encabezado del calendario, se cambia el año. Al hacer clic en las flechas en el encabezado del calendario, se cambia el mes.

Textos dependientes del idioma del elemento

El elemento contiene textos dependientes del idioma que se gestionan en el System lista de texto Se trata de los nombres del mes y los días de la semana escritos completos o abreviados. Cuando se agrega el selector de fechas a una visualización, la lista de texto se genera automáticamente debajo de la vista de POU. Los ID corresponden al texto estándar y, por lo tanto, a los términos en inglés. La lista de textos permite traducir estos textos.

ejemplo 31. Ejemplo

System lista de texto

IDENTIFICACIÓN

Por defecto

Apr

Apr

April

April



Propiedades del elemento

¿Están disponibles todas las propiedades de los elementos?

Todas las propiedades están disponibles solo después de seleccionar la Avanzado opción o la Todas las categorías filtrar en Propiedades.

Nombre del elemento

Ejemplo: DueDateCalendar

Sugerencia

Asigne nombres individuales a los elementos para que se encuentren más rápido en la lista de elementos.

Tipo de elemento

Selector de fechas

Posición

La posición define la ubicación y el tamaño del elemento en la ventana de visualización. Se basa en el sistema de coordenadas cartesianas. El origen se encuentra en la esquina superior izquierda de la ventana. El eje X horizontal positivo se extiende hacia la derecha. El eje Y vertical positivo se extiende hacia abajo.

X

La coordenada X (en píxeles) de la esquina superior izquierda del elemento

Ejemplo: 10

Y

La coordenada Y (en píxeles) de la esquina superior izquierda del elemento

Ejemplo: 10

Ancho

Especificado en píxeles

Ejemplo: 150

Altura

Especificado en píxeles

Ejemplo: 30

Sugerencia

Puede cambiar los valores arrastrando el módulo _visu_icon_position_element.png símbolos a otras posiciones en el editor.

Variable

Variable

Variable de entrada (DATE). Contiene la fecha que un usuario selecciona en el calendario.

Ejemplo: PLC_PRG.dtDueDate

Diseño

  • Del estilo: Todos los ajustes están preconfigurados según el estilo.

  • Explícito: Los Configuraciones de diseño la propiedad está disponible. Puedes personalizar el calendario aquí.

Configuraciones de diseño

Requisito: Esta propiedad es visible solo cuando el Diseño la propiedad se establece en Explícito. Esta configuración le permite crear un diseño personalizado y fijo.

Sugerencia

Si un diseño se ha definido globalmente en el estilo, a la configuración del diseño se le asignan automáticamente estos valores de estilo.

Puede cambiar estos valores explícitamente y seleccionar otros valores de la lista de selección de estilos (_cds_icon_arrow_down.png) o usando el selector de color (_cds_icon_three_dots.png) para que su elemento se muestre en un tema personalizado.

Propiedades

Descripción

Encabezado de selección de fecha

diseño de la cabecera

Fuente

Color de fuente

Ejemplo: Color de fuente del encabezado de selección de fecha

flechas

color del puntero

Ejemplo: Color del puntero de selección de fecha

Color de la flecha impresa

Ejemplo: Color del puntero de selección de fecha presionado

Fondo

Dibujar fondo

del estilo: Pantalla de fondo como se define globalmente en el estilo

: El fondo se rellena con el color de la color de relleno propiedad.

No: El fondo no se rellena con un color.

color de relleno

Requisito: Usado si ha seleccionado en Dibujar fondo.

Ejemplo: Color de fondo del encabezado de selección de fecha

Área de visualización principal

Diseño de la zona de exposición principal

Hoy dia

diseño de hoy

Fuente

Color de fuente

Ejemplo: Selección de fecha color de fuente del día actual

Dibujar fondo

del estilo: Pantalla de fondo como se define globalmente en el estilo

: El fondo se rellena con el color de la Color de fondo propiedad.

No: El fondo no se rellena con un color.

Color de fondo

Requisito: Usado si ha seleccionado en Dibujar fondo.

Ejemplo: selección de fecha color de fondo del mes actual

Mostrar cuadro

del estilo: El marco se define globalmente en el estilo.

: El marco se mostrará con las siguientes propiedades (Color del marco, tipo rectángulo, grosor de línea).

No: No se muestra un marco.

Color del marco

Tipo de rectángulo

Grosor de línea

Requisito: se utiliza cuando se selecciona en Mostrar cuadro.

Ejemplo: gris

Ejemplo: Rectángulo redondeado

Ejemplo 1

Día seleccionado

Diseño del día seleccionado

Fuente

Color de fuente

Ejemplo: gris

Dibujar fondo

del estilo: Pantalla de fondo como se define globalmente en el estilo

: El fondo se rellena con el color de la Color de fondo propiedad.

No: El fondo no se rellena con un color.

Color de fondo

Requisito: Usado si ha seleccionado en Dibujar fondo.

Mostrar marco

del estilo: El marco se define globalmente en el estilo.

: El marco se mostrará con las siguientes propiedades (Color del marco, tipo rectángulo, grosor de línea).

No: No se muestra un marco.

Color del marco

Tipo de rectángulo

Grosor de línea

Requisito: se utiliza cuando se selecciona en Mostrar cuadro.

Mes actual

Diseño del mes seleccionado

Fuente

Color de fuente

Ejemplo: gris

Dibujar fondo

del estilo: Pantalla de fondo como se define globalmente en el estilo

: El fondo se rellena con el color de la Color de fondo propiedad.

No: El fondo no se rellena con un color.

Color de fondo

Requisito: Usado si ha seleccionado en Dibujar fondo.

Mostrar marco

del estilo: El marco se define globalmente en el estilo.

: El marco se mostrará con las siguientes propiedades (Color del marco, tipo rectángulo, grosor de línea).

No: No se muestra un marco.

Color del marco

Tipo de rectángulo

Grosor de línea

Requisito: se utiliza cuando se selecciona en Mostrar cuadro.

otro mes

Diseño de los meses anteriores y posteriores

Fuente

Color de fuente

Ejemplo: gris

Mostrar otro mes

del estilo: Los meses anteriores y siguientes se muestran como se define en el estilo.

: Las siguientes propiedades se aplican a la pantalla.

No: Sin pantalla

Dibujar fondo

del estilo: Pantalla de fondo como se define globalmente en el estilo

: El fondo se rellena con el color de la Color de fondo propiedad.

No: El fondo no se rellena con un color.

Color de fondo

Requisito: Usado si ha seleccionado en Dibujar fondo.

Mostrar marco

del estilo: El marco se define globalmente en el estilo.

: El marco se mostrará con las siguientes propiedades (Color del marco, tipo rectángulo, grosor de línea).

No: No se muestra un marco.

Color del marco

Tipo de rectángulo

Grosor de línea

Requisito: se utiliza cuando se selecciona en Mostrar cuadro.

Encabezado del día de la semana

Diseño de la rúbrica con los días de la semana

Fuente

Color de fuente

Ejemplo: gris

Dibujar fondo

del estilo: Pantalla de fondo como se define globalmente en el estilo

: El fondo se rellena con el color de la Color de fondo propiedad.

No: El fondo no se rellena con un color.

Color de fondo

Requisito: Usado si ha seleccionado en Dibujar fondo.

Mostrar marco

del estilo: El marco se define globalmente en el estilo.

: El marco se mostrará con las siguientes propiedades (Color del marco, tipo rectángulo, grosor de línea).

No: No se muestra un marco.

Color del marco

Tipo de rectángulo

Grosor de línea

Requisito: se utiliza cuando se selecciona en Mostrar cuadro.

Mostrar línea separadora

del estilo: La línea de separación se define globalmente en el estilo.

: Display con las siguientes propiedades.

No: No se muestra una línea de separación.

Color de la línea de separación

Ancho de la línea de separación

Usado cuando se selecciona en Mostrar línea separadora.

Fondo

Diseño de los días naturales

Dibujar fondo

del estilo: Pantalla de fondo como se define globalmente en el estilo

: El fondo se rellena con el color de la color de relleno inmueble y enmarcado en el Color del marco.

No: El fondo no se rellena con un color.

color de relleno

Color del marco

Ejemplo: gris

Tipo de visualización

Líneas

Número de calendarios mensuales por fila (preestablecido: 1)

columnas

Número de calendarios de mes por columna (preestablecido: 1)

Variables de estado

Las variables controlan dinámicamente el comportamiento del elemento.

Invisible

Variable (BOOL) para alternar la visibilidad del elemento

TRUE: El elemento no es visible en tiempo de ejecución.

Ejemplo: bIsVisible con VAR bIsVisible : BOOL := FALSE; END_VAR

Desactivar entradas

Variable (BOOL) para alternar la operatividad del elemento

TRUE: Las entradas del usuario ya no tienen ningún efecto en el tiempo de ejecución. El elemento se muestra como desactivado.

Sugerencia

El Invisible La propiedad es compatible con la funcionalidad "Animación del cliente".

Centro

Las propiedades contienen valores fijos para las coordenadas del punto de rotación. El punto de rotación se muestra en el editor como _visu_icon_center_point.png símbolo y se utiliza como centro para la rotación y la escala.

Sugerencia

También puedes cambiar los valores arrastrando el _visu_icon_center_point.png símbolo a otra posición en el editor.

X

Coordenada X del punto de rotación

Y

Coordenada Y del punto de rotación

Movimiento absoluto

Las propiedades se pueden asignar a variables IEC para controlar dinámicamente la posición del elemento. El punto de referencia es la esquina superior izquierda del elemento. Durante la ejecución, se mueve todo el elemento.

Movimiento

X

  • Variable (tipo de dato numérico) para la posición X (en píxeles)

    Ejemplo: PLC_PRG.iPos_X

Aumentar este valor en tiempo de ejecución mueve el elemento hacia la derecha.

Y

  • Variable (tipo de dato numérico) para la posición Y (en píxeles)

    Ejemplo: PLC_PRG.iPos_Y

  • Variable contenedora: Container.Height

    Para obtener más información, consulte lo siguiente: Ajuste óptimo de la posición y el tamaño

Aumentar este valor en tiempo de ejecución mueve el elemento hacia abajo.

Rotación

Variable (tipo de dato numérico) para el ángulo de rotación (en grados)

Ejemplo: PLC_PRG.iAngle1

El punto medio del elemento gira en el Centro punto. Este punto de rotación se muestra como el _visu_icon_center_point.png símbolo.

Durante la ejecución, la alineación del elemento permanece igual respecto al sistema de coordenadas de la visualización. Al aumentar el valor, el elemento gira a la derecha.

_visu_img_prp_rotation.png

Rotación interior

Variable (tipo de dato numérico) para el ángulo de rotación (en grados)

Ejemplo: PLC_PRG.iAngle2

En tiempo de ejecución, el elemento gira alrededor del punto de rotación especificado en Centro Según el valor de la variable. Además, la alineación del elemento gira según el sistema de coordenadas de la visualización. Al aumentar el valor en el código, el elemento gira en sentido horario.

El punto de rotación se muestra como el _visu_icon_center_point.png símbolo.

Nota

Si se especifica un ángulo de rotación estático en el Posición → Ángulo propiedad, luego el ángulo de rotación estático se agrega al ángulo de rotación variable (desplazamiento) cuando se ejecuta la visualización.

_visu_img_prp_inner_rotation.png

Sugerencia

Puedes combinar las variables para formar una Conversión de unidades.

Sugerencia

El incógnita, Y, Rotación, y Rotación interior Las propiedades son compatibles con la funcionalidad "Animación del cliente".

Animación

Sugerencia

Estas propiedades están disponibles solo cuando usted ha seleccionado la Admite animaciones de clientes y superposición de elementos nativos opción en el Administrador de visualización.

Duración de la animación

Variable para la duración (en milisegundos) en la que el elemento ejecuta una animación

  • Variable (valor entero)

    Ejemplo: Menu.tContent con VAR tContent : INT := 500; END_VAR

  • literal entero

    Ejemplo: 500

. Propiedades animables
  • Movimiento absoluto, Movimiento, incógnita, Y

  • Movimiento absoluto, Rotación

  • Movimiento absoluto, Rotación interior

  • Movimiento absoluto, Rotación exterior

El movimiento animado se ejecuta cuando cambia al menos un valor de una propiedad animable. El movimiento no es brusco, sino suave dentro de la duración de la animación especificada. El elemento de visualización se desplaza a la posición especificada mientras gira dinámicamente. Las transiciones son suaves.

Mover al primer plano

Variable (BOOL ) para colocar el elemento en primer plano

TRUE: Durante la ejecución, el elemento de visualización se muestra en primer plano.

FALSE: En tiempo de ejecución, el elemento de visualización se muestra en la capa donde se insertó en el editor de visualización.

Ejemplo: bIsInForeground con VAR bIsInForeground : BOOL := FALSE; END_VAR

Configuración de entrada

Las propiedades contienen las configuraciones para la entrada del usuario al usar el mouse o el teclado. Una entrada de usuario define un evento y una o más acciones que se ejecutan cuando ocurre un evento.

Sugerencia

El Configurar botón abre el Configuración de entrada diálogo. Allí puede crear o editar entradas de usuario.

Las entradas de usuario configuradas se enumeran debajo de los eventos. Cada uno de ellos incluye la acción que se desencadena y el escenario en forma abreviada.

Ejemplo: Ejecutar código ST: _visu_icon_action.png PLC_PRG.i_x := 0;

OnDialogCerrado

Evento de entrada: el usuario cierra el cuadro de diálogo.

Al hacer clic en el mouse

Evento de entrada: el usuario hace clic completamente con el botón del mouse en el área del elemento. Se hace clic en el botón del ratón y se suelta.

AlMouseAbajo

Evento de entrada: el usuario hace clic con el botón del mouse.

AlMouseEntrar

Evento de entrada: el usuario arrastra el puntero del mouse al elemento.

OnMouseLeave

Evento de entrada: el usuario arrastra el puntero del mouse fuera del elemento.

EnMouseMove

Evento de entrada: el usuario mueve el puntero del mouse sobre el área del elemento.

EnMouseUp

. Eventos de entrada:
  • El usuario suelta el botón del mouse dentro del área del elemento. Es irrelevante si el usuario ha pulsado previamente el botón del ratón dentro o fuera del área del elemento.

  • El usuario presiona el botón del mouse dentro del área del elemento, abandona el área del elemento y luego suelta el botón del mouse.

Nota

Esta CODESYS-El comportamiento de activación específico garantiza que se completen las acciones para los elementos clave. Un elemento clave inicia una acción para AlMouseAbajo y finaliza la acción para EnMouseUp.

Ejemplo: un usuario de visualización presiona el botón del mouse dentro del área del elemento del elemento clave y luego mueve la posición del cursor para que quede fuera del área del elemento. La acción termina de todos modos porque EnMouseUp se desencadena.

OnValueChanged

Evento que desencadena acciones de seguimiento debido a un cambio en el valor

Las acciones de seguimiento que se activan se configuran en el Configuración de entrada diálogo.

Las acciones de seguimiento definidas y la configuración correspondiente se muestran debajo de la propiedad del elemento.

los OnValueChanged El evento puede ser deshabilitado por el VISU_NO_VALUECHANGED definido por el compilador en el cuadro de diálogo de propiedades de la aplicación.

Grifo

Cuando ocurre un evento de clic del mouse, la variable definida en Variable se describe en la solicitud. La codificación depende de la Toca FALSO y Toque entrar si es capturado opciones

Variable

Requisito: El Toca FALSO la opción no está activada.

Variable (BOOL) para el evento de clic del mouse

TRUE: existe un evento de clic del mouse. Dura mientras el usuario presiona el botón del mouse sobre el elemento. Termina cuando se suelta el botón.

FALSE: No existe un evento de clic del mouse.

Ejemplo: PLC_PRG.bIsTapped

Toca FALSO

standard icon: El evento de clic del mouse conduce a un valor complementario en Variable.

TRUE: No existe un evento de clic del mouse.

FALSE: mientras exista el evento de clic del mouse.

Toque entrar si es capturado

standard icon: Durante la entrada del usuario, también se tiene en cuenta si el puntero del mouse se arrastra dentro del área del elemento o no mientras se presiona el botón del mouse.

TRUE: mientras existe el evento de clic del mouse y el puntero del mouse se mueve sobre el área del elemento.

FALSE: No existe un evento de clic del mouse. O el usuario mueve el puntero del mouse fuera del área del elemento mientras se presiona el botón del mouse.

el valor es TRUE de nuevo tan pronto como el usuario mueva el puntero de vuelta al área del elemento. Luego se captura el ratón.

Pasar a otra cosa

Con el inicio de un evento de clic del mouse, la variable se establece; cuando se completa el evento de clic del mouse, la variable se restablece.

Variable

Variable (BOOL) para alternar al final del evento de clic del mouse

Esto es cuando el usuario suelta el botón del mouse mientras el puntero del mouse está sobre el área del elemento. Si el usuario suelta el botón del mouse mientras el puntero del mouse está fuera del área del elemento, el evento de clic del mouse no finaliza y el valor no cambia.

Sugerencia

El usuario puede cancelar una entrada de alternancia iniciada arrastrando el puntero del mouse fuera del área del elemento.

Activar hacia arriba si es capturado

standard icon: el valor cambia independientemente de dónde esté el puntero del mouse cuando se suelta el botón del mouse. Luego se captura el ratón.

tecla de acceso rápido

Acceso directo en el elemento para activar acciones de entrada específicas

Cuando ocurre el evento de tecla de acceso rápido, las acciones de entrada en el Eventos se activan las propiedades. De esta forma, no es la acción de entrada en sí misma la que conduce a esta acción de entrada, sino la acción de entrada del ratón.

Llave

Tecla presionada para acción de entrada.

Ejemplo: T

Las siguientes propiedades aparecen cuando se selecciona una tecla.

Eventos

  • Ninguna

  • Ratón hacia abajo: Al pulsar la tecla se activan las acciones de entrada que están configuradas en el AlMouseAbajo propiedad.

  • Ratón arriba: Al soltar la tecla se activan las acciones de entrada que están configuradas en el EnMouseUp propiedad.

  • Ratón abajo/arriba: Al presionar y soltar la tecla se activan las acciones de entrada que están configuradas en el AlMouseAbajo propiedad y la EnMouseUp propiedad.

Pasar a otra cosa

standard icon: Combinación con la tecla "Shift"

Ejemplo: Cambio+T.

Control

standard icon: Combinación con la tecla "Ctrl"

Ejemplo: control+T.

alternativa

standard icon: Combinación con la tecla "Alt"

Ejemplo: alternativa+T.

Sugerencia

Todos los métodos abreviados de teclado y sus acciones que están configurados en la visualización se enumeran en la Configuración del teclado pestaña.

Permisos

Nota

Disponible solo cuando se configura una gestión de usuarios para la visualización.

Derechos de acceso botón

Abre el Derechos de acceso Diálogo. Allí puede editar los privilegios de acceso para el elemento.

. Mensajes de estado:
  • No establecido. Plenos derechos.: Derechos de acceso para todos los grupos de usuarios: operable

  • Se establecen derechos: derechos limitados: El acceso está restringido para al menos un grupo.