Skip to main content

Élément de visualisation : sélecteur de plage de temps

Symbole:

_visu_icon_time_range_picker.png

Catégorie: Contrôles date/heure

L'élément fournit des boutons configurables pour définir la plage de temps d'un affichage de tendance à une heure définie. Dans le processus, l'heure de fin de l'affichage précédent reste inchangée et l'heure de début est adaptée.

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

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

Sélecteur de plage de temps

Orientation

Orientation

Spécifie si l'élément de sélecteur de temps est aligné horizontalement ou verticalement dans l'éditeur.

Conseil : Modifiez le rapport largeur/hauteur de l'élément dans l'éditeur.

Afficher le cadre

standard icon: L'élément de visualisation est dessiné avec un cadre.

Résolution

Résolution enregistrée pour l'horodatage : milliseconde ou Microseconde

Instance d'élément attaché

Affectation à l'élément qui traite le sélecteur de temps

L'élément peut être affecté par exemple à un Tendance élément de visualisation. Ensuite, la plage de temps de l'élément de tendance peut être modifiée. Les éléments visuels disponibles sont sélectionnés à l'aide des _cds_icon_three_dots.png Assistant de saisie.

Exemple: GenElemInst_1

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.

Les textes

Texte

Chaîne (sans guillemets droits simples)

Exemple: Main page %i

L'élément est étiqueté avec ce texte. Si un espace réservé %<format string> est spécifié dans le texte, alors la valeur de la variable dans le Variable de texte → Texte propriété est sortie à l'emplacement de l'espace réservé.

Astuce

Utilisez le Ctrl+Entrer raccourci pour ajouter un saut de ligne.

Astuce

Les textes spécifiés sont automatiquement transférés vers le GlobalTextList liste de texte. Par conséquent, ces textes peuvent être localisés.

Propriétés du texte

Les propriétés obtiennent des valeurs fixes pour les propriétés de texte et agissent sur les textes configurés dans Textes → Texte ou Textes → Info-bulle.

Police de caractère

Exemple: Défaut

_cds_icon_three_dots.png: Le Police de caractère la boîte de dialogue s'ouvre.

_cds_icon_arrow_down.png: Zone de liste avec les polices de style

Couleur de la police

Exemple: Le noir

_cds_icon_three_dots.png: Le Couleur la boîte de dialogue s'ouvre.

_cds_icon_arrow_down.png: Zone de liste avec les couleurs de style

Transparence

Entier (valeur comprise entre 0 pour 255)

La valeur transparente détermine la transparence de la couleur respective.

255: La couleur est opaque.

0: La couleur est complètement transparente.

Note

Si la couleur est une couleur de style et possède déjà une valeur de transparence, cette propriété est protégée en écriture.

Fois

Dans Fois, les boutons fournis par l'élément lors de l'exécution sont définis et configurés en tant que tableau.

Fournir la sélection "Tous"

standard icon: Étend la barre de sélection de l'heure avec le Tout bouton

Le diagramme représente un intervalle de temps qui couvre tous les horodatages.

Fois

_visu_icon_create_new.png: Ajoute un autre bouton à la barre de sélection de temps et augmente le tableau d'une entrée.

Un index supplémentaire existe sous le Heures → Heures → Heures → [<nouveau>] biens. Temps se trouve sous cet index. La configuration du bouton doit y être saisie.

. Fois
  • [Indice]

d'indice ∈ {0, 1, 2,…}

Tableau de tous les boutons dans la barre de sélection de temps. L'Index correspond au nombre de boutons.

_visu_icon_delete.png: Le bouton associé est supprimé de la barre de sélection de l'heure. L'entrée de configuration est supprimée de la Fois liste de propriétés.

. [Indice]
  • Temps

_visu_icon_time.png: Intervalle de temps en notation standardisée.

Exemple: 3M pendant 3 mois; 30m pendant 30 minutes.

Si un intervalle de temps est indiqué dans le champ, le bouton en est étiqueté. Si un utilisateur clique sur le bouton à l'exécution, la commande est exécutée pour basculer le diagramme sur cet intervalle de temps. La valeur par défaut est vide.

Variables de contrôle

Temps

Variable (LINT) pendant un certain temps (en µs)

Variable pour contrôler par programme la sélection de la plage de temps.

Exemple:

Pendant 1 s : liSelectedTimeIndex := 1000000;

Pendant 30 s : liSelectedTimeIndex := 30000000;

Tous sélectionnés

Variable (BOOL)

Variable pour contrôler par programme que toutes les plages de temps sont activées

TRUE: Toutes les plages horaires sont activées.

FALSE: Toutes les plages horaires ne sont pas activées ici.

Exemple: PLC_PRG.xAllTimesAreSelected

Exemple 30. Exemple
PROGRAM PLC_ORG
VAR
	liSelectedTimeIndex : LINT := 1000000;
	bIsAllTimes : BOOL := TRUE;
END_VAR


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

Autorisations

Note

Disponible uniquement lorsqu'une gestion des utilisateurs est configurée pour la visualisation.

Droits d'accès bouton

Ouvre le Droits d'accès dialogue. Vous pouvez y modifier les droits d'accès de l'élément.

. Messages d'état :
  • Non défini. Tous droits réservés.: Droits d'accès pour tous les groupes d'utilisateurs : opérable

  • Les droits sont définis : Droits limités: L'accès est restreint pour au moins un groupe.