Skip to main content

Élément de visualisation : Zone de liste déroulante, tableau

Symbole:

_visu_img_combobox_array.png

Catégorie: Contrôles communs

L'élément affiche les valeurs d'un tableau sous forme de liste déroulante. Lorsque l'utilisateur clique sur une entrée de la visualisation, l'index de cette entrée est écrit dans une variable de type entier.

Avis

0_Sample_ProjectExemple de projet sur les zones de liste en combinaison avec des tableaux et des listes de texte

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

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

Zone de liste déroulante, tableau

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.

Colonnes

L'élément « Combo Box, Array » affiche une variable de tableau ou une variable de structure dans une vue tabulaire. L'index des éléments du tableau ou des membres de la structure est affiché dans une colonne ou une ligne. Les réseaux bidimensionnels ou les tableaux d'une structure sont affichés dans plusieurs colonnes. Vous spécifiez la variable affichée dans Tableau de données propriété. Lorsqu'une variable y est affectée, vous pouvez spécifier l'affichage des colonnes du tableau dans lesquelles les éléments du tableau sont affichés. Vous pouvez personnaliser chaque colonne affectée à un index n.

Colonnes

  • [<n>]

En raison de la structure de la variable définie dans Tableau de données, le nombre de colonnes est déterminé automatiquement et elles sont définies avec l'indice n.

Exemple :

Trois colonnes [0], [1], et [2] sont formés :

StringTable : ARRAY [0..2, 0..4] OF STRING := ['BMW','Audi','Mercedes','VW','Fiat', '150','150','150','150','100','blue','gray','silver','blue','red'];

Indice de tableau max.

Facultatif

Variable (type de données entier) ou valeur

Définit jusqu'à quel index de tableau les données sont affichées

Hauteur de ligne

Hauteur des lignes (en pixels)

Compter les lignes visibles

Facultatif

Si le tableau est plus grand que le nombre de lignes visibles, une barre de défilement est incluse.

Taille de la barre de défilement

Largeur de la barre de défilement verticale (en pixels)

Tableau 10. Columns: Column [<n>] Element Property

Largeur

Largeur de colonne (en pixels)

Colonne d'images

_cds_icon_option_activated.png: Les images peuvent être affichées dans la colonne. Les images sont utilisées à partir du pool d'images global ou des pools d'images personnalisés. Les ID d'image sont affichés dans les cellules du tableau tels qu'ils sont définis dans le pool d'images.

Configuration de l'image

Mode de remplissage

  • Remplir la cellule

    L'image est redimensionnée aux dimensions de la cellule sans modifier le rapport hauteur/largeur.

  • Centré

    L'image est centrée dans la cellule et conserve ses proportions (rapport hauteur/largeur).

Transparence

_cds_icon_option_activated.png: La couleur qui est spécifiée dans Couleur transparente est affiché en tant que transparent.

Couleur transparente

Quand le Transparent La propriété est activée, la couleur spécifiée ici n'est pas affichée. Les pixels de cette couleur sont transparents.

Alignement du texte dans la colonne

  • Gauche

  • Centré

  • Droite

Utiliser un modèle

_cds_icon_option_deactivated.png: Les données du tableau sont affichées dans le tableau.

_cds_icon_option_activated.png: Les cellules du tableau obtiennent des propriétés supplémentaires (configurables par colonne), à savoir toutes celles qui ont un rectangle. Cela donne à une cellule de tableau la même gamme de fonctions qu'une rectangle. Les propriétés supplémentaires sont affichées sous Modèle propriété.

Cas d'utilisation : pour traiter les entrées de l'utilisateur (par exemple, cliquer dans une cellule), cette cellule doit avoir une configuration de saisie. Cela est possible lorsque Utiliser un modèle l'option est activée. Configuration des entrées La propriété est alors disponible et une action de suivi peut être configurée pour un événement impliquant la souris.

Exemple : lorsqu'un utilisateur clique sur la cellule configurée de cette manière dans la visualisation en cours, la variable booléenne attribuée à la cellule est basculée.

Alignement du texte du titre à partir du modèle

_cds_icon_option_activated.png: L'étiquette de colonne est créée avec les propriétés de texte du modèle.

Modèle

Quand le Utiliser un modèle est activée, cette propriété est visible et toutes les propriétés d'un rectangle sont disponibles en dessous.

Astuce

Ces propriétés et leurs options sont décrites dans l'aide du Rectangle, Rectangle Arrondi, Ellipse élément.



Variable

Variable

L'index de tableau de l'entrée de liste sur laquelle l'utilisateur clique est enregistré lors de l'exécution.

  • Variable (type de données entier)

    Exemple: PLC_PRG.iIndexComboboxEntry

Tableau de données

Affiché sous forme de zone de liste déroulante. Chaque composant du tableau devient une entrée de zone de liste déroulante.

  • Variable de tableau (ARRAY[...] OF)

    Exemple: PLC_PRG.astrCombobox

    Déclaration: astrCombobox : ARRAY[0..4] OF STRING := ['First', 'Second', 'Third', 'Fourth'];

Les textes

Info-bulle

Chaîne (sans guillemets droits simples)

Exemple: Products of customer A

Le texte est affiché sous forme d'info-bulle. Si un espace réservé %<format string> est spécifié dans le texte, alors la valeur de la variable dans le Variable de texte → Info-bulle 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.

Utilisation de

  • Valeurs de style par défaut: Les valeurs du style de visualisation sont utilisées.

  • Réglages individuels: Le groupe de propriétés « Propriétés individuelles du texte » est affiché. Les valeurs peuvent y être personnalisées.

Propriétés de texte individuelles

Exigence : La Réglages individuels la propriété de texte est définie.

Fonte

Exemple : Par défaut

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

_cds_icon_arrow_down.png : Zone de liste avec polices de style

Couleur de police

Couleur de police à l'état normal

Exemple : noir

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

_cds_icon_arrow_down.png : Zone de liste avec couleurs de style

Couleur de l'alarme de police

Couleur de police active en état d'alarme

Important

Elle doit être différente de la couleur de police à l'état normal.

Exemple : Rouge

Transparence

Nombre entier (plage de valeurs comprise entre 0 à 255). Cela détermine la transparence de la couleur correspondante.

255: La couleur est opaque.

0: La couleur est totalement 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.

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

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

Configuration d'entrée

Astuce

La Configurer bouton ouvre le Configuration des entrées dialogue. Vous pouvez y affecter des actions de suivi à l'événement.

OnValueChanged

Evénement qui déclenche des actions de suivi en raison d'un changement de valeur

Les actions de suivi déclenchées sont configurées dans le Configuration d'entrée dialogue.

Les actions de suivi définies et la configuration correspondante sont affichées sous la propriété de l'élément.

La OnValueChanged l'événement peut être désactivé par le VISU_NO_VALUECHANGED compilateur définir dans la boîte de dialogue des propriétés de l'application.

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