Skip to main content

Élément de visualisation : affichage de la barre

Symbole:

_visu_img_bar_display.png

Catégorie: Contrôles de mesure

L'élément affiche la valeur d'une variable.

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_2

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

Affichage de la barre

Évaluer

Variable (type de données numérique)

La valeur de la variable est affichée sous la forme d'une longueur de barre.

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

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

Fond

Couleur de l'image

Zone de liste contenant les couleurs d'arrière-plan

Note

Cette propriété dépend du style. Par exemple, il n'y a pas d'images d'arrière-plan hétérochromatiques pour FlatStyle et Whitestyle.

Propre image

  • Image: ID de l'image d'arrière-plan.

    Vous sélectionnez l'image d'arrière-plan à partir d'un pool d'images en cliquant sur _cds_icon_three_dots.png.

    Astuce

    Si vous spécifiez la valeur <par défaut> ou sélectionnez l'image dans Défaut catégorie dans l'Assistant de saisie, l'image d'arrière-plan de l'élément d'origine est utilisée.

  • Couleur transparente: Couleur des pixels affichés comme transparents

    Sélection à partir de la zone de liste ou de l'assistant de saisie

Dessin optimisé

standard icon: L'image d'arrière-plan est dessinée une seule fois. S'il y a un changement au premier plan, seule la partie affectée de l'image est redessinée.

_cds_icon_option_deactivated.png: L'image d'arrière-plan est redessinée par cycles.

Note

La désactivation de cette option n'est judicieuse que dans certains cas exceptionnels.

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.

Bar

Type de diagramme

Position de l'échelle

  • Échelle en plus de la barre

  • Échelle en bar

  • Barre d'échelle

  • Pas d'échelle

Orientation

. Orientation en fonction du rapport largeur sur hauteur de l'affichage à barres :

  • Horizontal

  • Verticale

Sens de marche

Sens dans lequel les valeurs sont augmentées

. Zone de liste pour Orientation Horizontale:

  • De gauche à droite

  • De droite à gauche

. Zone de liste pour Orientation Verticale:

  • De bas en haut

  • De haut en bas

Taille optimale pour la barre

standard icon: La largeur de la barre nécessite la majorité de la surface de l'élément.

Note

Cette propriété dépend du style. Pour cette raison, il n'est pas prévu FlatStyle ou BlancStyle.

Escalader

Début de l'échelle

Plus petite valeur de l'échelle et donc limite inférieure de la plage de valeurs de l'élément

Exemple: 0

Astuce

Dans le champ de valeur, cliquez sur le _visu_icon_variable.png symbole. Ensuite, la propriété est étendue par le Variable propriété.

Variable

Variable (type de données entier) pour le début de l'échelle

Exemple: PLC_PRG.iScaleStart

Déclaration:

Fin d'échelle

Plus grande valeur de l'échelle et limite supérieure de la plage de valeurs de l'élément

Exemple: 100

_visu_icon_variable.png: Le Variable propriété s'affiche en dessous.

Variable

Variable (type de données entier) pour la fin d'échelle

Exemple: PLC_PRG.iScaleEnd

Déclaration:

PROGRAM PLC_PRGVAR
    iScaleEnd : INT := 120;
END_VAR

Échelle principale

Distance entre deux valeurs sur l'échelle principale

Exemple: 10

Astuce

Dans le champ de valeur, cliquez sur le _visu_icon_variable.png symbole. Ensuite, la propriété est étendue par le Variable propriété.

Variable

Variable (type de données entier) pour l'espacement

Exemple: PLC_PRG.iMainScale

Sous-échelle

Distance entre deux valeurs sur l'échelle fine

Vous pouvez masquer l'échelle fine en définissant la valeur sur 0.

Exemple: 2

Astuce

Dans le champ de valeur, cliquez sur le _visu_icon_variable.png symbole. Ensuite, la propriété est étendue par le Variable propriété.

Variable

Variable (type de données entier) Contient la distance.

Exemple: PLC_PRG.iSubScale

Échelle de largeur de ligne

Spécifié en pixels

Exemple: 3

Couleur de l'échelle

Couleur des graduations

  • _cds_icon_three_dots.png:

    Couleur Dialogue

  • _cds_icon_arrow_down.png: Une zone de liste avec les noms de couleur s'ouvre.

Mise à l'échelle en 3D

standard icon: Les graduations sont affichées avec des ombres douces en 3D.

Note

Cette propriété dépend du style. Non disponible pour FlatStyle.

Cadre d'élément

standard icon: Un cadre est dessiné autour de l'élément.

Étiqueter

Unité

Texte affiché dans l'élément

Exemple : Affichage des unités en m/s

Police de caractère

Police des étiquettes (exemple : numérotation des échelles).

Sélection effectuée dans la liste déroulante ou en cliquant sur le bouton _cds_icon_three_dots.png bouton.

Format d'échelle (syntaxe C)

Valeurs mises à l'échelle dans la syntaxe "printf"

Exemples: %d, %5.2f

Max. largeur du texte des étiquettes

Valeur facultative qui définit la largeur maximale de l'étiquette d'échelle

La valeur est définie automatiquement.

Astuce

Modifiez cette valeur uniquement si l'ajustement automatique ne produit pas réellement le résultat attendu.

Hauteur du texte des étiquettes

Valeur facultative qui définit la hauteur maximale de l'étiquette d'échelle

La valeur est définie automatiquement.

Astuce

Modifiez cette valeur uniquement si l'ajustement automatique ne produit pas réellement le résultat attendu.

Couleur de la police

Sélection dans la zone de liste ou en cliquant sur le _cds_icon_three_dots.png bouton.

Positionnement

Décalage horizontal

Distance (en pixels) entre l'échelle ou la barre et le cadre de l'élément horizontal

Utilisé pour obtenir la position exacte par rapport à l'image d'arrière-plan

Décalage vertical

Distance (en pixels) entre l'échelle ou la barre et le cadre vertical de l'élément

Utilisé pour obtenir la position exacte par rapport à l'image d'arrière-plan

Mise à l'échelle horizontale

Division horizontale de l'échelle (en pixels)

Utilisé pour obtenir le positionnement exact par rapport à l'image d'arrière-plan

Mise à l'échelle verticale

Division verticale de l'échelle (en pixels)

Utilisé pour obtenir le positionnement exact par rapport à l'image d'arrière-plan

Couleurs

Couleur du graphique

Couleur de la barre

Fond de barre

standard icon: Le fond de la barre est noir.

_cds_icon_option_deactivated.png: Le fond de la barre est blanc.

Couleur du cadre

Couleur que les cadres sont dessinés

Changer toute la couleur

standard icon: La couleur totale de la barre est commutée sur la couleur de la zone de couleur de la valeur réelle.

Utiliser la couleur du dégradé pour la barre

standard icon: La barre est affichée avec un dégradé.

Marqueurs de gamme de couleurs

. Les zones de couleur peuvent être séparées les unes des autres à l'intérieur de la barre par une marque verticale.

  • Pas de marqueurs: Pas d'affichage

  • Marqueur en avant: La couleur de la marque verticale correspond à la couleur de la zone de couleur précédente.

  • Marqueur à l'envers: La couleur de la marque verticale correspond à la couleur de la zone de couleur suivante.

Zones de couleur

Créer un nouveau

Une nouvelle zone de couleur est ajoutée.

Supprimer

La zone de couleur est supprimée de la liste.

Début de zone

Valeur de départ de la zone de couleur

Fin de zone

Valeur finale de la zone de couleur

Couleur

Couleur utilisée pour afficher la zone

État variable

Les variables contrôlent dynamiquement le comportement de l'élément.

Désactiver les entrées

variables (BOOL) pour basculer l'opérabilité de l'élément

TRUE: Les entrées utilisateur n'ont plus aucun effet dans le runtime. L'élément est affiché comme désactivé.

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.

Dans cette section​: