Skip to main content

Élément de visualisation : Curseur rond

Symbole:

_visu_icon_round_slider.png

Catégorie : Apparreils de mesure

Un curseur rond est un contrôle qui permet de définir une valeur sur une trajectoire circulaire. L'utilisateur de la visualisation déplace une poignée ou un bouton le long d'un cercle ou d'un arc. La valeur actuelle de l'élément est ajustée en conséquence lorsque le bouton est enfoncé et déplacé le long de l'échelle de l'arc du curseur.

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

GenElemInst_5

Attribution de noms

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

Curseur rond

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.

Valeur

Variable

Variable (type de données numérique)

Exemple : PLC_PRG.iRoundSlider

Une fois exécutée, la valeur de la variable contient la position à laquelle l'utilisateur a déplacé le curseur.

Format de valeurs

Texte avec espace réservé et spécification de format pour afficher la valeur actuelle de la variable

Exemple : %d, Value: %d

Position

Définit la position dans la zone intérieure de l'élément pour le texte défini dans Format de valeur propriété

  • Haut

  • Centre

  • En bas

Police

Police pour la sortie de texte

Exemple : Par défaut

_cds_icon_arrow_down.png: zone de liste avec polices de style

_cds_icon_three_dots.png: Les Fonte une boîte de dialogue s'ouvre.

Couleur de police

Couleur de police pour la sortie de texte

Exemple : noir

_cds_icon_arrow_down.png: zone de liste avec couleurs de style

_cds_icon_three_dots.png: Les couleur une boîte de dialogue s'ouvre.

Arc

Échelle d'arc de la commande rotative

Utiliser dégradée

standard icon: L'élément est dessiné avec un dégradé de couleurs. Le cadre du Couleur de l'arc la propriété est ignorée.

Sélction de dégradé

Cliquez sur la ligne pour ouvrir l'éditeur de dégradé pour la configuration des couleurs.

Couleur de l'arc

Définit la couleur de la zone actuellement sélectionnée. Ce paramètre n'est pas utilisé si Utiliser une couleur dégradée l'option a été activée.

  • _cds_icon_arrow_down.png

    Boîte de liste avec couleurs de style

  • _cds_icon_three_dots.png

    La boîte de dialogue des couleurs s'ouvre.

    Exemple : noir

Transparence

Spécifie la valeur de transparence comprise entre 0 (entièrement transparent) et 255 (opaque) et détermine par conséquent la transparence de la couleur correspondante.

Transparence en lecture seule

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.

Couleur d'arrière-plan de l'arc

Couleur de fond qui s'affiche

  • _cds_icon_arrow_down.png

    Boîte de liste avec couleurs de style

  • _cds_icon_three_dots.png

    La boîte de dialogue des couleurs s'ouvre.

Transparence

Spécifie la valeur de transparence comprise entre 0 (entièrement transparent) et 255 (opaque) et détermine par conséquent la transparence de la couleur correspondante.

Transparence en lecture seule

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.

Largeur de l'arc

Valeur fixe pour la largeur de l'arc (en pixels)

Exemple : 20

Pour rendre l'affichage plus dynamique, vous pouvez spécifier une variable au lieu d'une valeur fixe. Pour ce faire, double-cliquez dans le champ de valeur. Puis le _visu_icon_variable.png le symbole sera affiché. Cliquez dessus pour afficher Variable propriété sur une ligne distincte juste en dessous.

Variable

Variable pour la largeur de l'arc

Pour modifier la propriété par programmation lors de l'exécution, vous pouvez spécifier une variable. Dans ce cas, une valeur spécifiée dans la propriété ci-dessus n'aura aucun effet. En cliquant sur _visu_icon_input_assistant.png Le symbole vous aidera lors de la saisie.

Après avoir double-cliqué dans le champ, _visu_icon_delete.png le symbole sera affiché. Cliquez sur le symbole pour supprimer cette propriété d'élément responsable de l'affichage dynamique.

Fin de l'arc

  • Rond

  • Rectangulaire

Valeur initiale

Valeur de départ fixe de l'échelle d'arc

Exemple : 0

Pour rendre l'affichage plus dynamique, vous pouvez spécifier une variable au lieu d'une valeur fixe. Pour ce faire, double-cliquez dans le champ de valeur. Puis le _visu_icon_variable.png le symbole sera affiché. Cliquez dessus pour afficher Variable propriété sur une ligne distincte juste en dessous.

Variable

Variable (optionnelle) pour la valeur de départ

Pour modifier la propriété par programmation lors de l'exécution, vous pouvez spécifier une variable. Dans ce cas, une valeur spécifiée dans la propriété ci-dessus n'aura aucun effet. En cliquant sur _visu_icon_input_assistant.png Le symbole vous aidera lors de la saisie.

Après avoir double-cliqué dans le champ, _visu_icon_delete.png le symbole sera affiché. Cliquez sur le symbole pour supprimer cette propriété d'élément responsable de l'affichage dynamique.

Valeur finale

Valeur finale fixe de l'échelle de l'arc

Exemple : 100

Pour rendre l'affichage plus dynamique, vous pouvez spécifier une variable au lieu d'une valeur fixe. Pour ce faire, double-cliquez dans le champ de valeur. Puis le _visu_icon_variable.png le symbole sera affiché. Cliquez dessus pour afficher Variable propriété sur une ligne distincte juste en dessous.

Variable

Variable (optionnelle) pour la valeur finale

Pour modifier la propriété par programmation lors de l'exécution, vous pouvez spécifier une variable. Dans ce cas, une valeur spécifiée dans la propriété ci-dessus n'aura aucun effet. En cliquant sur _visu_icon_input_assistant.png Le symbole vous aidera lors de la saisie.

Après avoir double-cliqué dans le champ, _visu_icon_delete.png le symbole sera affiché. Cliquez sur le symbole pour supprimer cette propriété d'élément responsable de l'affichage dynamique.

Angle de départ

Valeur fixe pour l'angle de départ (en degrés)

L'angle de départ définit la position sur le cercle où commence l'échelle d'arc de la commande rotative. L'angle (en degrés) est mesuré dans le sens des aiguilles d'une montre à partir de l'axe X positif (3 heures) et détermine le point de départ visuel de la commande. Les valeurs possibles sont comprises entre 0 et 359.

Exemple : 135

Pour rendre l'affichage plus dynamique, vous pouvez spécifier une variable au lieu d'une valeur fixe. Pour ce faire, double-cliquez dans le champ de valeur. Puis le _visu_icon_variable.png le symbole sera affiché. Cliquez dessus pour afficher Variable propriété sur une ligne distincte juste en dessous.

Variable

Variable (en option) pour l'angle de départ

Pour modifier la propriété par programmation lors de l'exécution, vous pouvez spécifier une variable. Dans ce cas, une valeur spécifiée dans la propriété ci-dessus n'aura aucun effet. En cliquant sur _visu_icon_input_assistant.png Le symbole vous aidera lors de la saisie.

Après avoir double-cliqué dans le champ, _visu_icon_delete.png le symbole sera affiché. Cliquez sur le symbole pour supprimer cette propriété d'élément responsable de l'affichage dynamique.

Angle de rotation

Valeur fixe pour l'angle de rotation

La valeur indique la plage angulaire de la commande rotative dans le sens des aiguilles d'une montre, à partir de l'angle de départ défini. Un angle de pivotement plus grand augmente la plage de rotation autour du cercle. Les valeurs valides sont comprises entre 0 et 359.

Exemple : 270

Pour rendre l'affichage plus dynamique, vous pouvez spécifier une variable au lieu d'une valeur fixe. Pour ce faire, double-cliquez dans le champ de valeur. Puis le _visu_icon_variable.png le symbole sera affiché. Cliquez dessus pour afficher Variable propriété sur une ligne distincte juste en dessous.

Variable

Variable (en option) pour l'angle de rotation

Pour modifier la propriété par programmation lors de l'exécution, vous pouvez spécifier une variable. Dans ce cas, une valeur spécifiée dans la propriété ci-dessus n'aura aucun effet. En cliquant sur _visu_icon_input_assistant.png Le symbole vous aidera lors de la saisie.

Après avoir double-cliqué dans le champ, _visu_icon_delete.png le symbole sera affiché. Cliquez sur le symbole pour supprimer cette propriété d'élément responsable de l'affichage dynamique.

Unité

Afficher

standard icon: L'unité de la valeur est affichée sur l'élément.

Texte

Texte pour l'unité

Exemple : m

Police

  • _cds_icon_arrow_down.png: zone de liste avec polices de style

    Exemple : Element-RoundSlider-UnitFont

  • _cds_icon_three_dots.png: Les Fonte boîte de dialogue s'ouvre. Ici, vous pouvez spécifier une police en détail.

Couleur de police

  • _cds_icon_arrow_down.png: zone de liste avec couleurs de style

    Exemple : gris

  • _cds_icon_three_dots.png: Les couleur boîte de dialogue s'ouvre. Ici, vous pouvez spécifier une couleur en détail.

Bouton du curseur

Afficher

standard icon: Le bouton coulissant est affiché sur l'échelle de l'arc.

Couleur de remplissage

  • _cds_icon_arrow_down.png: zone de liste avec couleurs de style

    Exemple : Elément - RoundSlider_SliderFillColor

  • _cds_icon_three_dots.png: Les couleur boîte de dialogue s'ouvre. Ici, vous pouvez spécifier une couleur en détail.

Transparence

Spécifie la valeur de transparence comprise entre 0 (entièrement transparent) et 255 (opaque) et détermine par conséquent la transparence de la couleur correspondante.

Transparence en lecture seule

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.

Description

Afficher

standard icon: affiche la description de l'élément.

Position

  • Haut

  • Centre

  • En bas

Texte

Texte qui s'affiche sur l'élément et décrit l'objectif, par exemple

Exemple : Fill level 1

Police

  • _cds_icon_arrow_down.png

    Zone de liste avec polices de style

    Exemple : Element-RoundSlider - police de description

  • _cds_icon_three_dots.png

    Le Fonte boîte de dialogue s'ouvre. Ici, vous pouvez spécifier une police en détail.

Couleur de police

  • _cds_icon_arrow_down.png

    Boîte de liste avec couleurs de style

    Exemple : gris

  • _cds_icon_three_dots.png

    Le couleur boîte de dialogue s'ouvre. Ici, vous pouvez spécifier une couleur en détail.

Image

Position

  • Haut

  • Centre

  • En bas

Taille

Taille de l'image (en pixels)

Exemple : 30

ID statique

Fait référence à une image du pool d'images

  • <image pool>.<ID>

  • Double-cliquez dans le champ de valeur pour ouvrir l'éditeur de lignes. En cliquant sur _cds_icon_three_dots.png Le symbole vous aidera à sélectionner une image dans le pool d'images.

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

Double-cliquez dans le champ de valeur pour ouvrir l'éditeur de lignes.

Y

Coordonnée Y du point de rotation

Double-cliquez dans le champ de valeur pour ouvrir l'éditeur de lignes.

Mouvement absolu

Les propriétés contiennent des variables CEI 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. Lors de l'exécution, l'élément entier est déplacé.

Mouvement

X

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

Y

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

Rotation

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

Exemple: PLC_PRG.iAngle1.

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

Lors de l'exécution, l'alignement de l'élément reste le même par rapport au système de coordonnées de la visualisation. L'augmentation de la valeur fait pivoter l'élément vers la droite.

_visu_img_prp_rotation.png

Graduation

Variable (type de données entier) pour déclencher un étirement centré

Exemple: PLC_PRG.iScaling

Le point de référence est le Centre propriété.

La valeur 1 rétrécit l'élément d'un facteur de 0.001. La valeur 1000 remet l'élément à sa taille d'origine.

Rotation intérieure

Variable (type de données numérique) 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. L'augmentation de la valeur dans le code tourne dans le sens des aiguilles d'une montre.

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 Emplacement → Angle , l'angle de rotation statique est ajouté à l'angle de rotation variable (décalage) lors de l'exécution de la visualisation.

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

Amener 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

Variables d'état

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

Invisible

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

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

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

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

Astuce

le Invisible La propriété est prise en charge par la fonctionnalité "Animation client".

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.