Skip to main content

Elemento de visualización: Reloj analógico

Símbolo:

_visu_icon_clock.png

Categoría: Controles de fecha y hora

El elemento es un reloj que muestra la hora actual. También puede mostrar una hora aleatoria.

Aviso

0_Sample_ProjectProyecto de ejemplo: "Reloj analógico"

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: GenElemInst_1

Sugerencia

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

Tipo de elemento

Reloj analogo

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.

Visualización de la hora

Usar la hora del sistema

standard icon: Se muestra la hora del sistema del PLC (zona horaria local).

Nota

Cuando la variable VisuElems.Visu_DateTime.DisplayUTC también está configurado para TRUE, se muestra la hora universal (UTC).

Sugerencia

Sugerencia: implemente la configuración de la variable UTC como una entrada de usuario en su visualización.

Variable

Requisito: El Usar la hora del sistema la propiedad no está activada.

Variable (TOD, TIME_OF_DAY) por un tiempo que no es el tiempo del sistema

Ejemplo: PLC_PRG.todTimeTokio

Sugerencia

Puede cambiar mediante programación la zona horaria local de la hora del sistema a la hora universal (UTC).

Cuando la variable VisuElems.Visu_DateTime.DisplayUTC se establece en TRUE, la hora del sistema se muestra como hora universal (UTC). Por defecto, la variable VisuElems.Visu_DateTime.DisplayUTC se establece en FALSE para que la hora del sistema se muestre en la zona horaria local.

Para la visualización de valores de fecha y hora, puede ampliar la cadena de formato correspondiente con el código de zona horaria Z. Para una salida en la hora del sistema local, el desplazamiento se muestra en la hora universal (UTC). Por ejemplo, dd:MM:yyyy HH:mm:ss:ms:Z salidas 01.08.2021 12:00:00:001:+02:00. Cuando se muestra la hora universal (UTC), también se muestra el código UTC. 01.08.2021 10:00:00:001:Z

Diseño

Diseño

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

  • Explícito: Los Ajustes la propiedad está disponible. Aquí puede personalizar el reloj analógico.

Ajustes

Requisito: El Propiedad es Explícito. Sólo entonces es el Configuración del reloj categoría visible.

tabla 16. Fondo

color de la imagen

. Variantes de color de la imagen de fondo predeterminada

  • Amarillo

  • rojo

  • Azul

  • Verde

  • Negro

Antecedentes propios

Visualización de fondo con el específico Imagen. Reemplaza la imagen de fondo predeterminada.

Imagen

Imagen de un grupo de imágenes o biblioteca

Ejemplo: myImagepool.myImage

Color transparente

El color transparente en la representación de la imagen.

Ejemplo: blanco. Significa que las partes blancas de la imagen son transparentes.

Usar color de fondo

standard icon: El fondo de la imagen se muestra usando el color definido en el Color de fondo propiedad.

Requisito: No se proporciona ninguna referencia de imagen en el Imagen propiedad.

Color de fondo

estilo color o color

Requisito: Usar color de fondo está habilitado.



tabla 17. flechas

Tipo de flecha

Ejemplo: puntero delgado

Color de la manecilla de la hora

Color del minutero

Color de segunda mano

Color de estilo o color para las manos.



tabla 18. Líneas

Tipo de línea

. Graduación de la esfera del reloj

  • Ninguna

  • Línea: Líneas de graduación por hora

  • Horas y minutos: División de horas y minutos con líneas

  • Puntos: Puntos de graduación por hora

Color

Graduación del color de la esfera del reloj

Grosor de línea

Grosor de línea de la graduación de la esfera del reloj

Escala en 3D

standard icon: Representación de la esfera del reloj con efecto 3D



tabla 19. numericos

Estilo de números

. Dígitos en la esfera del reloj

  • Ninguna

  • Cuarto

  • Todo

Fuente

Fuente para mostrar los dígitos

Color de fuente

Fuente para mostrar los dígitos



tabla 20. Punto medio

Color

Color del centro del reloj.



tabla 21. Posicionamiento

Uso de

  • Valores de estilo predeterminados: Configuración predeterminada de los valores de estilo

  • Configuraciones definidas por el usuario: Configuración definida por el usuario en el subordinado Posicionamiento propiedad.

Posicionamiento

Requisito: Visible cuando el uso o la propiedad se establece en Configuraciones individuales.

Movimiento numérico

Valor (en píxeles) para desplazar los dígitos

Ejemplo: 80

movimiento de línea

Valor (en píxeles) para cambiar las líneas de hora

Ejemplo: 100

Escalado de manos

Factor para escalar la longitud de la manecilla de la hora

Puede personalizar la posición exacta de la manecilla de la hora en relación con la imagen de fondo.

Ejemplo: 100



Tipo de escala

Tipo de escala

Define la escala para la altura y el ancho del elemento.

  • Anisótropo:

    La imagen de fondo se escala al tamaño del elemento. La altura y el ancho se escalan de forma independiente.

  • Isotrópico:

    La imagen de fondo se escala al tamaño del elemento, conservando su proporción. La proporción de alto y ancho es fija.

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".

Variables de estado

Las variables controlan el comportamiento del elemento dinámicamente.

Invisible

Variable (BOOL ) para alternar la visibilidad del elemento

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

Sugerencia

El Invisible La propiedad está respaldada por 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

En esta sección: