Skip to main content

Élément de visualisation : Horloge analogique

Symbole:

_visu_icon_clock.png

Catégorie: Contrôles de date/heure

L'élément est une horloge qui affiche l'heure actuelle. Elle peut également afficher une heure aléatoire.

Avis

0_Sample_ProjectExemple de projet : « Horloge analogique »

Propriétés des éléments

Toutes les propriétés des éléments sont-elles disponibles ?

Toutes les propriétés ne sont disponibles qu'après avoir sélectionné le Avancé option ou la Toutes les catégories filtrer dans Propriétés.

Nom de l'élément

Exemple: GenElemInst_1

Astuce

Attribuez des noms individuels aux éléments afin qu'ils soient trouvés plus rapidement dans la liste des éléments.

Type d'élément

Horloge analogique

Position

La position définit l'emplacement et la taille de l'élément dans la fenêtre de visualisation. Elle est basée sur le système de coordonnées cartésiennes. L'origine se situe dans le coin supérieur gauche de la fenêtre. L'axe horizontal positif des X est orienté vers la droite. L'axe vertical positif des Y est orienté vers le bas.

X

La coordonnée X (en pixels) du coin supérieur gauche de l'élément

Exemple: 10

Y

La coordonnée Y (en pixels) du coin supérieur gauche de l'élément

Exemple: 10

Largeur

Spécifié en pixels

Exemple: 150

Hauteur

Spécifié en pixels

Exemple: 30

Astuce

Vous pouvez modifier les valeurs en faisant glisser la module _visu_icon_position_element.png symboles vers d'autres positions dans l'éditeur.

Affichage de l'heure

Utiliser l'heure système

standard icon: L'heure système de l'automate (fuseau horaire local) est affichée.

Note

Lorsque la variable VisuElems.Visu_DateTime.DisplayUTC est également réglé sur TRUE, le temps universel (UTC) s'affiche.

Astuce

Conseil : Implémentez le paramètre de la variable UTC en tant qu'entrée utilisateur dans votre visualisation.

Variable

Exigence : Le Utiliser l'heure système propriété n'est pas activée.

variables (TOD, TIME_OF_DAY) pour une heure qui n'est pas l'heure système

Exemple: PLC_PRG.todTimeTokio

Astuce

Vous pouvez basculer par programme le fuseau horaire local de l'heure système sur l'heure universelle (UTC).

Lorsque la variable VisuElems.Visu_DateTime.DisplayUTC est réglé sur TRUE, l'heure système est affichée en temps universel (UTC). Par défaut, la variable VisuElems.Visu_DateTime.DisplayUTC est réglé sur FALSE afin que l'heure système s'affiche dans le fuseau horaire local.

Pour l'affichage des valeurs de date et d'heure, vous pouvez étendre la chaîne de format respective avec le code de fuseau horaire Z. Pour une sortie en heure système locale, le décalage est alors affiché en temps universel (UTC). Par example, dd:MM:yyyy HH:mm:ss:ms:Z les sorties 01.08.2021 12:00:00:001:+02:00. Lorsque le temps universel (UTC) est affiché, le code UTC est également affiché. 01.08.2021 10:00:00:001:Z

Concevoir

Concevoir

  • Du style: Tous les paramètres sont préconfigurés en fonction du style.

  • Explicite: Le Réglages la propriété est disponible. Ici, vous pouvez personnaliser l'horloge analogique.

Réglages

Exigence : Le Propriété est Explicite. Ce n'est qu'alors que le Paramètres de l'horloge catégorie visible.

Tableau 16. Fond

Couleur de l'image

. Variantes de couleur de l'image d'arrière-plan par défaut

  • Jaune

  • rouge

  • Bleu

  • Vert

  • Noir

Propre arrière-plan

Affichage en arrière-plan avec le spécifique Image. Remplace l'image d'arrière-plan par défaut.

Image

Image d'un pool d'images ou d'une bibliothèque

Exemple: myImagepool.myImage

Couleur transparente

La couleur transparente dans la représentation de l'image.

Exemple: blanc. Signifie que les parties blanches de l'image sont transparentes

Utiliser la couleur de fond

standard icon: Le fond de l'image est affiché en utilisant la couleur définie dans le Couleur de l'arrière plan propriété.

Exigence : Aucune référence d'image n'est donnée dans le Image propriété.

Couleur de l'arrière plan

Couleur de style ou couleur

Exigence: Utiliser la couleur de fond est autorisé.



Tableau 17. Flèches

Type de flèche

Exemple: Pointeur fin

Couleur de l'aiguille des heures

Couleur de l'aiguille des minutes

Couleur de la seconde main

Couleur de style ou couleur pour les mains



Tableau 18. Lignes

Type de ligne

. Graduation du cadran de l'horloge

  • Rien

  • Ligne: Lignes de graduation par heure

  • Heures et minutes: Division heure et minute avec lignes

  • Points: Points de graduation par heure

Couleur

Couleur de la graduation du cadran de l'horloge

Largeur de ligne

Épaisseur de ligne de la graduation du cadran de l'horloge

Mise à l'échelle en 3D

standard icon: Représentation du cadran de l'horloge avec effet 3D



Tableau 19. Chiffres

Style de chiffres

. Chiffres sur le cadran de l'horloge

  • Rien

  • Trimestre

  • Tout

Police de caractère

Police d'affichage des chiffres

Couleur de la police

Police d'affichage des chiffres



Tableau 20. Milieu

Couleur

Couleur du centre de l'horloge



Tableau 21. Positionnement

L'utilisation de

  • Valeurs de style par défaut: Réglage par défaut des valeurs de style

  • Paramètres définis par l'utilisateur: Paramètres définis par l'utilisateur dans le subordonné Positionnement propriété.

Positionnement

Exigence : Visible lorsque le Utilisation ou la propriété est définie sur Paramètres individuels.

Mouvement numérique

Valeur (en pixels) pour décaler les chiffres

Exemple: 80

Mouvement de ligne

Valeur (en pixels) de décalage des lignes horaires

Exemple: 100

Mise à l'échelle des mains

Facteur de mise à l'échelle de la longueur de l'aiguille des heures

Vous pouvez personnaliser la position exacte de l'aiguille des heures par rapport à l'image d'arrière-plan.

Exemple: 100



Type de mise à l'échelle

Type de mise à l'échelle

Définit l'échelle pour la hauteur et la largeur de l'élément

  • Anisotrope:

    L'image d'arrière-plan est mise à l'échelle à la taille de l'élément La hauteur et la largeur sont mises à l'échelle indépendamment l'une de l'autre.

  • Isotrope:

    L'image d'arrière-plan est mise à l'échelle de la taille de l'élément, en conservant ses proportions. La proportion de hauteur et de largeur est fixe.

Centre

Les propriétés contiennent des valeurs fixes pour les coordonnées du point de rotation. Le point de rotation est affiché dans l'éditeur sous la forme _visu_icon_center_point.png symbole et est utilisé comme centre de rotation et de mise à l'échelle.

Astuce

Vous pouvez également modifier les valeurs en faisant glisser le _visu_icon_center_point.png symbole vers une autre position dans l'éditeur.

X

Coordonnée X du point de rotation

Y

Coordonnée Y du point de rotation

Mouvement absolu

Les propriétés peuvent être affectées à des variables IEC pour contrôler dynamiquement la position de l'élément. Le point de référence est le coin supérieur gauche de l'élément. À l'exécution, l'élément entier est déplacé.

Mouvement

X

  • Variable (type de données numériques) pour la position X (en pixels)

    Exemple: PLC_PRG.iPos_X

L'augmentation de cette valeur lors de l'exécution déplace l'élément vers la droite.

Y

  • Variable (type de données numériques) pour la position Y (en pixels)

    Exemple: PLC_PRG.iPos_Y

  • Variable conteneur : Container.Height

    Pour plus d'informations, consultez les éléments suivants : Réglage optimal de la position et de la taille

L'augmentation de cette valeur lors de l'exécution déplace l'élément vers le bas.

Rotation

Variable (type de données numériques) pour l'angle de rotation (en degrés)

Exemple: PLC_PRG.iAngle1

Le point médian de l'élément tourne à la Centre point. Ce point de rotation est représenté par le _visu_icon_center_point.png symbole.

À l'exécution, l'alignement de l'élément reste identique par rapport au système de coordonnées de la visualisation. Augmenter la valeur fait pivoter l'élément vers la droite.

_visu_img_prp_rotation.png

Rotation intérieure

Variable (type de données numériques) pour l'angle de rotation (en degrés)

Exemple: PLC_PRG.iAngle2

Lors de l'exécution, l'élément tourne autour du point de rotation spécifié dans Centre Selon la valeur de la variable. De plus, l'alignement de l'élément pivote selon le système de coordonnées de la visualisation. Augmenter la valeur dans le code entraîne une rotation dans le sens horaire.

Le point de rotation est représenté par le _visu_icon_center_point.png symbole.

Note

Si un angle de rotation statique est spécifié dans le Position → Angle propriété, puis l'angle de rotation statique est ajouté à l'angle de rotation variable (décalage) lorsque la visualisation est exécutée.

_visu_img_prp_inner_rotation.png

Astuce

Vous pouvez combiner les variables en un Conversion d'unités.

Astuce

Le X, Oui, Rotation, et Rotation intérieure les propriétés sont prises en charge par la fonctionnalité « Animation client ».

Variables d'état

Les variables contrôlent le comportement des éléments de manière dynamique.

Invisible

Variable (BOOL ) pour basculer la visibilité de l'élément

TRUE: L'élément n'est pas visible lors de l'exécution.

Astuce

Le Invisible la propriété est prise en charge par la fonctionnalité « Animation client ».

Animation

Astuce

Ces propriétés ne sont disponibles que lorsque vous avez sélectionné l'option Prise en charge des animations client et de la superposition d'éléments natifs option dans le Gestionnaire de visualisation.

Durée de l'animation

Variable pour la durée (en millisecondes) pendant laquelle l'élément exécute une animation

  • Variable (valeur entière)

    Exemple: Menu.tContent avec VAR tContent : INT := 500; END_VAR

  • Littéral entier

    Exemple: 500

. Propriétés animables

  • Mouvement absolu, Mouvement, X, Oui

  • Mouvement absolu, Rotation

  • Mouvement absolu, Rotation intérieure

  • Mouvement absolu, Rotation extérieure

Le mouvement animé est exécuté lorsqu'au moins une valeur d'une propriété animable a changé. Le mouvement n'est alors pas saccadé, mais fluide pendant la durée d'animation spécifiée. L'élément de visualisation se déplace vers la position spécifiée tout en effectuant une rotation dynamique. Les transitions sont fluides.

Passer au premier plan

Variable (BOOL ) pour mettre l'élément au premier plan

TRUE: Au moment de l'exécution, l'élément de visualisation est affiché au premier plan.

FALSE: Au moment de l'exécution, l'élément de visualisation s'affiche dans la couche où il a été inséré dans l'éditeur de visualisation.

Exemple: bIsInForeground avec VAR bIsInForeground : BOOL := FALSE; END_VAR

Dans cette section​: