Skip to main content

Élément de visualisation : Cadre

Symbole:

_visu_icon_symbol_frame.png

Catégorie: Basique

L'élément sert de cadre pour afficher une ou plusieurs visualisations existantes. Vous obtenez une interface utilisateur structurée. La taille du cadre peut être fixe ou variable. La zone d'affichage de la visualisation référencée s'adapte alors à la taille du cadre.

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'une fois que vous avez sélectionné Avancé option ou Toutes les catégories filtrer dans Propriétés.

Nom de l'élément

Exemple: refVisUserInfo

Astuce

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

Type d'élément

Cadre

Coupure

standard icon: Taille fixe. Seule la partie de la visualisation référencée qui tient à l'intérieur du cadre est affichée.

Exigence : Le Type de mise à l'échelle la propriété est Fixé.

Afficher le cadre

. Affiche le cadre
  • Pas de cadre: La zone affichée du cadre n'a pas de bordures.

  • Cadre: La zone affichée du cadre a des bordures.

  • Pas de cadre avec décalage: La zone affichée du cadre n'a pas de bordure et la zone affichée de la visualisation référencée est réduite vers l'intérieur d'un pixel par rapport à la zone du cadre. L'espace empêche la visualisation référencée de toucher les éléments adjacents.

Position

La position définit l'emplacement et la taille de l'élément dans la fenêtre de visualisation. Ceci est basé sur le système de coordonnées cartésiennes. L'origine est située dans le coin supérieur gauche de la fenêtre. L’axe X horizontal positif s’étend vers la droite. L’axe Y vertical positif va 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

Angle

Exigence : Cette propriété n'est disponible que lorsque vous avez sélectionné Supporte les animations des clients et la superposition d'éléments natifs option dans le Gestionnaire de visualisation.

Valeur de l'angle (en degrés)

Exemple : 25

Note

L'affichage en mode hors ligne peut être légèrement différent de l'affichage en mode en ligne.

Astuce

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

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

Toutes les propriétés ne sont disponibles qu'une fois que vous avez sélectionné Avancé option ou Toutes les catégories filtrer dans Propriétés.

Astuce

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

Type de mise à l'échelle

Type de mise à l'échelle

Définit la mise à l'échelle de la hauteur et de la largeur du référencé visualisation

La visualisation est affichée dans un cadre ou un élément d'onglet.

Isotrope

La visualisation est adaptée à la taille de l'élément à afficher. Avec un rapport hauteur/largeur fixe, la visualisation conserve ses proportions.

Anisotrope

La visualisation est adaptée à la taille de l'élément à afficher. La hauteur et la largeur sont chacune adaptées individuellement à l’élément.

Fixé

La visualisation est affichée dans sa taille d'origine, quelles que soient les dimensions de l'élément à afficher.

Barre de défilement

La visualisation est affichée dans l'élément sans aucune mise à l'échelle. S'il est plus grand que l'élément, alors l'élément est doté d'une barre de défilement.

Remarque : attribuez des variables aux propriétés Position de défilement variable horizontale ou Position de défilement verticale variable. Vous pouvez traiter les données relatives à la position de la barre de défilement dans l'application.

Défilement dynamique

La taille de la visualisation est calculée de manière dynamique et cyclique. Lors du calcul de la taille, la visibilité des éléments de la visualisation référencée est prise en compte. Les barres de défilement sont affichées uniquement dans le cas où le contenu de la visualisation référencée ne peut pas être entièrement affiché dans la zone du cadre après le calcul dynamique.

Désactivation du dessin d'arrière-plan

Désactivation du dessin d'arrière-plan

_cds_icon_option_deactivated.png⁣ : Les éléments non animés de la visualisation référencée sont affichés sous forme d'images de fond (background frame) afin d'optimiser les performances de la visualisation.

L'avantage est que les éléments d'arrière-plan, tels que les rectangles colorés, sont dessinés une fois en arrière-plan.

standard icon⁣ : Désactive l'affichage en arrière-plan afin d'éviter le comportement décrit ci-dessus.

Cela peut devenir problématique si un autre élément (de la page principale) est censé s'exécuter derrière ce frame d'arrière-plan. Dans ce cas rare, il est judicieux de définir cette option de manière à ce que le rectangle passe réellement derrière lui.

Note

La propriété est disponible pour les paramètres suivants :

  • La fonctionnalité d'animation client n'est pas activée : Dans le Visualization Manager, sur le Paramètres onglet, le Prise en charge des animations client et de la superposition d'éléments natifs l’option n’est pas sélectionnée.

    Lorsque l'animation client est activée, le dessin d'arrière-plan est automatiquement exécuté.

  • Le Type de mise à l'échelle la propriété est définie sur Défilable.

Balayer

Avec cette fonctionnalité, les visualisations référencées dans l'élément (Cadre ou Onglets) peut être basculé au moyen d'un geste de balayage (geste de panoramique ou de balayage).

Comportement de balayage

Condition : Le glissement n'est possible que lorsque le Traitement Multitouch option est sélectionnée.

Options de la manière dont un utilisateur de visualisation doit effectuer le balayage (geste de panoramique ou de balayage) pour déclencher un changement d'image vers la prochaine visualisation référencée dans l'élément :

  • Balayage horizontal : Balayage de droite à gauche, et vice versa

  • Balayage vertical : Balayage de haut en bas, et vice versa

  • Balayage impossible : Le balayage est désactivé (par défaut)

Astuce : Définissez le type de mise à l'échelle sur Anisotrope.

Aperçu rapide

Prérequis : L'option n'est disponible qu'en mode superposition (Prise en charge des animations client et de la superposition d'éléments natifs option) pour afficher les images de prévisualisation sur les appareils multitouch.

_cds_icon_option_black_activated.png⁣ : Pendant le geste de balayage, une image d'aperçu de la visualisation suivante s'affiche dans le cadre.

Pour plus d'informations, consultez : Référencement des visualisations ou Paramètres

Les références

Contient les références de visualisation actuellement configurées en tant que sous-nœud

Configurer Bouton

Ouvre le Configuration du cadre dialogue. La boîte de dialogue vous permet de gérer les visualisations référencées.

Les références

Avertissement

Les visualisations peuvent être imbriquées à n'importe quelle profondeur au moyen de Cadre éléments. Afin d'utiliser le Passer à n’importe quelle visualisation type de sélection de frame sans aucun problème, un frame ne doit pas contenir plus de 21 visualisations référencées. Pour plus d'informations, voir également la description du Configuration des entrées d'un élément : Action Visualisation du cadre de commutation.

Liste des visualisations actuellement référencées

Les visualisations qui ont un bouton l'affichent également en tant que sous-nœud. Chaque variable d'interface est répertoriée avec les paramètres de transfert actuellement affectés.

Exemple:

. vis_FormA
  • iDataToDisplay_1 : PLC_PRG.iVar1

  • iDataToDisplay_2 : PLC_PRG.iVar2

Astuce

Vous pouvez modifier ici l'affectation des variables à une variable d'interface et modifier le champ de valeur. Ou cliquez sur le Configurer bouton à la place.

Position

La position définit l'emplacement et la taille de l'élément dans la fenêtre de visualisation. Ceci est basé sur le système de coordonnées cartésiennes. L'origine est située dans le coin supérieur gauche de la fenêtre. L’axe X horizontal positif s’étend vers la droite. L’axe Y vertical positif va 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

Angle

Exigence : Cette propriété n'est disponible que lorsque vous avez sélectionné Supporte les animations des clients et la superposition d'éléments natifs option dans le Gestionnaire de visualisation.

Valeur de l'angle (en degrés)

Exemple : 25

Note

L'affichage en mode hors ligne peut être légèrement différent de l'affichage en mode en ligne.

Astuce

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

Centre

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

Astuce

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

X

Coordonnée X du point de rotation

Y

Coordonnée Y du point de rotation

Couleurs

Les propriétés contiennent des valeurs fixes pour les couleurs du texte.

Couleur

Couleur du cadre

_cds_icon_arrow_down.png: La zone de liste avec les couleurs de style s'ouvre

_cds_icon_three_dots.png: Couleur la boîte de dialogue standard s'ouvre pour une sélection de couleur

Note

L'état normal est lorsque la variable booléenne dans le Variables de couleur la propriété de l'élément n'est pas définie ou sa valeur est FALSE.

Couleur d'alarme

Couleur de l'élément en état d'alarme

Note

La condition d'alarme se produit lorsque la valeur de la variable booléenne dans le Variables de couleur → Basculer la couleur la propriété de l'élément est FALSE.

Transparence

Entier (valeur comprise entre 0 pour 255). 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 contre l'écriture.

Apparence

Les propriétés contiennent des valeurs fixes pour définir l'apparence de l'élément.

Largeur de ligne

Valeur (en pixels)

Exemple: 2

Note

Les valeurs 0 et 1 les deux entraînent une épaisseur de ligne d'un pixel. Si aucune ligne ne doit s'afficher, le Style de ligne propriété doit être définie sur Invisible option.

Style de ligne

Type de représentation linéaire

  • Solide

  • Tiret

  • Points

  • Tiret Point

  • Tiret Point Point

  • Invisible

Astuce

Vous pouvez affecter des variables dans le Variables d'apparence propriété pour contrôler l’apparence dynamiquement. Les valeurs fixes sont définies ici.

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 du texte et agissent sur les textes configurés dans Textes → Texte ou Textes → Info-bulle.

Alignement horizontal

Alignement horizontal du texte dans l'élément

Alignement vertical

Alignement vertical du texte dans l'élément

Format texte

. Définition pour afficher les textes trop longs
  • Défaut: Le texte trop long est tronqué.

  • Saut de ligne: Le texte est divisé en lignes.

  • Ellipse: Le texte visible se termine par "..." indiquant qu'il n'est pas complet.

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: 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 à 255)

La valeur de transparence détermine la transparence de la couleur correspondante.

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 contre l'écriture.

Mouvement absolu

Les propriétés peuvent être affectées à 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

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

    Exemple: PLC_PRG.iPos_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

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 à un conversion d'unité.

Astuce

le X, Oui, Rotation, et Rotation intérieure sont prises en charge par la fonctionnalité "Animation client".

Mouvement relatif

Les propriétés contiennent des variables pour déplacer l'élément. Le point de référence est la position de l'élément (Position biens). La forme de l'élément peut changer.

Mouvement en haut à gauche

X

  • Variable (type de données entier) pour le nombre (en pixels) que la gauche le bord est déplacé horizontalement

    Exemple: PLC_PRG.iDeltaX

L'incrémentation de la valeur déplace l'élément vers la droite.

Y

  • Variable (type de données entier) pour le nombre (en pixels) que le Haut le bord est déplacé verticalement

    Exemple: PLC_PRG.iDeltaY

L'incrémentation de la valeur déplace l'élément vers le bas.

Mouvement en bas à droite

X

  • Variable (type de données entier) pour le nombre (en pixels) que droit bord est déplacé horizontalement.

    Exemple: PLC_PRG.iDeltaWidth

  • Variable de conteneur : Container.Width

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

L'incrémentation de la valeur déplace l'élément vers la droite.

Y

  • Variable (type de données entier) pour le nombre (en pixels) que le bas le bord est déplacé verticalement

    Exemple: PLC_PRG.iDeltaHeight

  • Variable de conteneur : Container.Height

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

L'incrémentation de la valeur déplace l'élément vers le bas.

Variables de texte

Variable de texte

Variable (type de données conforme à la spécification de formatage) pour l'espace réservé dans le Textes → Texte la propriété

Exemple : PLC_PRG.iAccesses

La valeur de la variable remplace l'espace réservé dans le texte de l'élément. Lors de l'exécution, l'élément est étiqueté avec le texte et la valeur de la variable est constamment mise à jour.

Note

Si vous spécifiez une variable de type énumération avec prise en charge de liste de texte, le nom du type de données d'énumération est ajouté automatiquement entre crochets après le nom de la variable. Exemple: PLC_PRG.enVar <enumeration name>. Ensuite, la valeur symbolique du composant d'énumération est imprimée à la place de la valeur numérique lorsque le texte est imprimé. Voir la page d'aide pour les énumérations.

Variable d'info-bulle

Variable (type de données conforme à la spécification de formatage) pour l'espace réservé dans le Textes → Info-bulle biens

Exemple : PLC_PRG.iAccessesInTooltip

La valeur de la variable remplace l'espace réservé dans l'info-bulle de l'élément. Lors de l'exécution, l'info-bulle s'affiche et la valeur de la variable est constamment mise à jour.

Textes dynamiques

Les textes dynamiques sont des textes indexés de manière variable d'une liste de textes. Lors de l'exécution, le texte actuellement indexé dans la variable s'affiche.

Liste de texte

. Nom de la liste de textes
  • En tant que variable (STRING)

  • Sous forme de littéral de chaîne fixe avec des guillemets droits simples

    Exemple: 'Errorlist'

_cds_icon_arrow_down.png: Zone de liste avec les dialogues disponibles dans les listes de textes

Remarque : Si une liste de textes du projet est transférée vers une visualisation dans une bibliothèque, un point doit être ajouté au nom de la liste de textes.

Index du texte

. ID de la liste de textes qui fait référence au texte de sortie souhaité
  • Sous forme de chaîne fixe avec l'ID entre guillemets droits simples

    Exemple: '1'

  • En tant que variable (STRING) pour contrôler dynamiquement la sortie de texte

    Exemple: strTextID

    Exemple de mission : PLC_PRG.strTextID := '1';

Index des info-bulles

. ID de la liste de textes qui fait référence au texte de sortie souhaité
  • Sous forme de chaîne fixe avec l'ID entre guillemets droits simples

    Exemple: '2'

  • En tant que variable (STRING) pour contrôler dynamiquement la sortie de texte

    Exemple: strToolTipID

    Exemple de mission : PLC_PRG.strToolTipID := '2';

Variables de police

Les variables permettent un contrôle dynamique de l'affichage du texte.

Nom de la police

variables (STRING) pour la police du texte

Exemple: PLC_PRG.stFontVar := 'Arial';

Astuce

Vous pouvez savoir quelles polices sont disponibles dans la norme Police de caractère dialogue.

Taille

Variable (type de données numérique) pour la taille de la police (en pixels ou points)

L'unité appliquée est indiquée entre parenthèses après le nom de la variable.

  • <pt> : Points (par défaut)

    Exemple: PLC_PRG.iFontHeight <pt>

    Code: iFontHeight : INT := 12;

  • <px> : pixels

    Exemple: PLC_PRG.iFontHeight <px>

    Code: iFontHeight : INT := 19;

Astuce

La taille de la police est spécifiée en points (exemple : Arial 12). Utilisez des points lorsque la taille de police variable doit correspondre à une police, par exemple si une police est définie dans le Propriété Texte → Police propriété.

Astuce

Si vous cliquez dans le champ de valeur, un _cds_img_dropdownlist_unit_font_size.png la zone de liste s'ouvre sur la droite pour régler l'unité.

Drapeaux

variables (DWORD) pour les drapeaux afin de déterminer l'affichage de la police

. Drapeaux :
  • 1: Italique

  • 2: Audacieux

  • 4: souligné

  • 8: Barré

Note

Vous pouvez combiner les affichages de police en ajoutant le codage des drapeaux. Par exemple, un texte en gras et souligné : PLC_PRG.dwFontType := 6;

Jeu de caractères

variables (DWORD) pour le numéro de jeu de caractères de la police

La sélection des numéros de jeu de caractères correspond à la Scénario établissement de la norme Police de caractère dialogue.

Couleur

variables (DWORD) pour la couleur du texte

Exemple: PLC_PRG.dwColorFont:= 16#FF000000;

Drapeaux pour l'alignement du texte

Variable (type de données entier) pour coder l'alignement du texte

Exemple: PLC_PRG.dwTextAlignment

. Codage:
  • 0: En haut à gauche

  • 1: Centre horizontal

  • 2: À droite

  • 4: Centre vertical

  • 8: Bas

Note

Vous pouvez combiner les alignements de texte en ajoutant le codage des drapeaux. Par exemple, un texte centré verticalement et horizontalement : PLC_PRG.dwFontType := 5;

Astuce

Les valeurs fixes pour l'affichage des textes sont définies dans Propriétés du texte.

Variables de couleur

La propriété Element est utilisée comme interface pour les variables de projet afin de contrôler dynamiquement les couleurs lors de l'exécution.

Basculer la couleur

variables (BOOL) pour le changement de couleur

. Affectation de valeur :
  • FALSE: L'élément est affiché avec la couleur spécifiée dans le Couleur biens.

  • TRUE: L'élément est affiché avec la couleur spécifiée dans le Couleur d'alarme biens.

. Attribuer la propriété :
  • Espace réservé pour la variable d'entrée utilisateur de la configuration d'entrée

    • <variable basculer/appuyer>

    • <PAS basculer/appuyer sur la variable>

    Le changement de couleur n'est pas contrôlé par sa propre variable, mais par une variable d'entrée utilisateur.

    Note

    Spécifiez une variable pour les événements de souris Robinet ou Basculer dans la configuration d'entrée. Ce n'est qu'alors que l'espace réservé est défini. Si vous configurez une variable dans les deux Basculer et Robinet, alors la variable spécifiée dans Robinet est utilisé.

    Astuce

    Clique le _visu_icon_linked_variable.png symbole pour insérer le <variable basculer/appuyer> espace réservé.

    Ensuite, lorsque vous activez le Configuration d'entrée, Appuyez sur FAUX propriété, la <PAS basculer/appuyer sur la variable> l'espace réservé s'affiche.

  • Chemin d'instance d'une variable de projet (BOOL)

    Exemple: PLC_PRG.xColorIsToggeled

    Note

    Dans le code, déclarez et implémentez la variable spécifiée ici dont l'affectation de valeur détermine le moment où la couleur change.

Couleur

Variable de couleur pour le cadre

  • variables (DWORD) pour la couleur

    Exemple: PLC_PRG.dwColor

  • Couleur littérale

    Exemple de gris et opaque : 16#FF888888

Exigence: Afficher le cadre propriété est activée.

Note

L'état normal est en vigueur si l'expression dans le Variables de couleur → Basculer la couleur la propriété n'est pas définie ou elle a la valeur FALSE.

Couleur d'alarme

Variable de couleur pour la trame en état d'alarme

  • variables (DWORD) pour la couleur de l'alarme

    Exemple: PLC_PRG.dwAlarmColor

  • Couleur littérale

    Exemple de rouge et opaque : 16#FFFF0000

Note

L'état d'alarme est effectif si l'expression dans le Variables de couleur → Basculer la couleur propriété a la valeur TRUE.

Astuce

La partie transparence de la valeur de couleur n'est évaluée que si la Gestionnaire de visualisationActiver le dessin semi-transparent l'option du gestionnaire de visualisation est sélectionnée.

Astuce

Dans la barre d'outils du Propriétés, sélectionnez le Avancée option. Toutes les propriétés des éléments sont alors visibles.

Regardez les variables

Les propriétés contiennent des variables permettant de contrôler dynamiquement l'apparence de l'élément.

Largeur de ligne

Variable (type de données entier) pour la largeur de ligne (en pixels)

Note

Les valeurs 0 et 1 donnent toutes deux une épaisseur de ligne d'un pixel. Si aucune ligne ne doit s'afficher, le Style de ligne propriété doit être définie sur Invisible option.

Style de ligne

Variable (DWORD) pour le type de ligne

. Codage:
  • 0: Ligne continue

  • 1: Ligne pointillée

  • 2: Ligne pointillée

  • 3: Type de ligne "Trait Point"

  • 3: Type de ligne "Trait Point Point"

  • 8: Invisible : La ligne n'est pas tracée.

Astuce

Des valeurs fixes peuvent être définies dans le Apparence propriété. Ces valeurs peuvent être écrasées par des variables dynamiques au moment de l'exécution.

Basculer la variable

Variable

La variable contrôle la commutation des visualisations référencées : la variable indexe l'une des visualisations de cadre référencées et celle-ci est affichée dans le cadre. Lorsque la valeur de la variable change, elle passe à la visualisation récemment indexée.

  • Variable (type de données entier) qui contient l'index de la visualisation active

    Exemple: PLC_PRG.uiIndexVisu

    Astuce

    Le Configuration du cadre La boîte de dialogue comprend une liste de visualisations référencées. Les visualisations sont automatiquement indexées numériquement via l'ordre dans la liste. Adaptez l’ordre des visualisations du cadre pour générer l’index souhaité.

    Note

    Cette variante de commutation affecte généralement toutes les variantes d'affichage connectées.

  • Elément de tableau (type de données entier) pour l'accès à l'index via CURRENTCLIENTID

    Exemple: PLC_PRG.aIndexVisu[CURRENTCLIENTID]

    Note

    Cette variante de basculement ne s'applique qu'au client courant, et donc uniquement sur une variante d'affichage. Il s'agit de la variante d'affichage où le changement de valeur a été déclenché (par exemple, au moyen d'une saisie utilisateur).

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.

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é le Prise en charge des animations client et de la superposition d'éléments natifs possibilité dans le Gestionnaire de visualisation.

Durée des animations

Variable de 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 alors exécuté n'est pas saccadé, mais est fluide dans la durée d'animation spécifiée. L'élément de visualisation se déplace vers la position spécifiée tout en tournant dynamiquement. Les transitions sont fluides.

Passer au premier plan

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

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

FALSE: A l'exécution, l'élément de visualisation est affiché dans le calque où il a été inséré dans l'éditeur de visualisation.

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

Configuration d'entrée

Les propriétés contiennent les configurations pour l'entrée de l'utilisateur lors de l'utilisation de la souris ou du clavier. Une entrée utilisateur définit un événement et une ou plusieurs actions qui sont exécutées lorsqu'un événement se produit.

Astuce

le Configurer bouton ouvre le Configuration des entrées dialogue. Vous pouvez y créer ou modifier des entrées utilisateur.

Les entrées utilisateur configurées sont répertoriées sous les événements. Ils incluent chacun l'action qui est déclenchée et le paramètre sous forme abrégée.

Exemple: Exécuter le code ST: _visu_icon_action.png PLC_PRG.i_x := 0;

OnDialogClosed

Evénement d'entrée : L'utilisateur ferme la boîte de dialogue.

OnMouseClick

Evénement d'entrée : L'utilisateur clique complètement sur le bouton de la souris dans la zone de l'élément. Le bouton de la souris est cliqué et relâché.

OnMouseDown

Événement d'entrée : l'utilisateur clique sur le bouton de la souris.

OnMouseEnter

Événement d'entrée : l'utilisateur fait glisser le pointeur de la souris sur l'élément.

OnMouseLeave

Evénement d'entrée : l'utilisateur éloigne le pointeur de la souris de l'élément.

OnMouseMove

Evénement d'entrée : L'utilisateur déplace le pointeur de la souris sur la zone de l'élément.

OnMouseUp

. Événements d'entrée :
  • L'utilisateur relâche le bouton de la souris dans la zone de l'élément. Peu importe que l'utilisateur ait auparavant appuyé sur le bouton de la souris à l'intérieur ou à l'extérieur de la zone de l'élément.

  • L'utilisateur appuie sur le bouton de la souris dans la zone de l'élément, quitte la zone de l'élément, puis relâche le bouton de la souris.

Note

Ce CODESYS-un comportement de déclenchement spécifique garantit que les actions pour les éléments clés sont terminées. Un élément clé déclenche une action pour OnMouseDown et met fin à l'action pour OnMouseUp.

Exemple : Un utilisateur de visualisation appuie sur le bouton de la souris dans la zone d'élément de l'élément clé, puis déplace la position du curseur de manière à ce qu'il se trouve en dehors de la zone d'élément. L'action est quand même terminée car OnMouseUp est déclenché.

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.

Robinet

Lorsqu'un événement de clic de souris se produit, la variable définie dans Variable est décrit dans la demande. Le codage dépend de la Appuyez sur FAUX et Appuyez sur entrer si capturé options.

Variable

Exigence : Le Appuyez sur FAUX l'option n'est pas activée.

variables (BOOL) pour l'événement de clic de souris

TRUE: Un événement de clic de souris existe. Elle dure tant que l'utilisateur appuie sur le bouton de la souris sur l'élément. Il se termine lorsque le bouton est relâché.

FALSE: Un événement de clic de souris n'existe pas.

Exemple: PLC_PRG.bIsTapped

Appuyez sur FAUX

standard icon: L'événement clic souris conduit à une valeur complémentaire dans Variable.

TRUE: Un événement de clic de souris n'existe pas.

FALSE: tant que l'événement de clic de souris existe.

Appuyez sur entrer si capturé

standard icon: Lors de la saisie de l'utilisateur, il est également pris en compte si le pointeur de la souris est déplacé ou non dans la zone de l'élément lorsque le bouton de la souris est enfoncé.

TRUE: tant que l'événement de clic de souris existe et que le pointeur de la souris est déplacé sur la zone de l'élément.

FALSE: Un événement de clic de souris n'existe pas. Soit l'utilisateur déplace le pointeur de la souris en dehors de la zone de l'élément pendant que le bouton de la souris est enfoncé.

La valeur est TRUE à nouveau dès que l'utilisateur ramène le pointeur sur la zone de l'élément. La souris est alors capturée.

Basculer

Au début d'un événement de clic de souris, la variable est définie ; lorsque l'événement de clic de souris est terminé, la variable est réinitialisée.

Variable

variables (BOOL) pour basculer à la fin de l'événement de clic de souris

C'est lorsque l'utilisateur relâche le bouton de la souris alors que le pointeur de la souris est sur la zone d'élément. basculé.

Astuce

L'utilisateur peut annuler une entrée de bascule commencée en faisant glisser le pointeur de la souris hors de la zone de l'élément.

Activer si capturé

standard icon: La valeur bascule indépendamment de l'endroit où se trouve le pointeur de la souris lorsque le bouton de la souris est relâché. La souris est alors capturée.

Raccourci

Raccourci sur l'élément pour déclencher des actions de saisie spécifiques

Lorsque l'événement de raccourci clavier se produit, les actions d'entrée dans le Événements propriété sont déclenchées. De cette manière, ce n'est pas l'action de saisie elle-même qui conduit à cette action de saisie, mais l'action de saisie de la souris.

Clé

Touche enfoncée pour l'action d'entrée.

Exemple: J

Les propriétés suivantes s'affichent lorsqu'une touche est sélectionnée.

Événements

  • Aucun

  • Souris vers le bas: L'appui sur la touche déclenche les actions d'entrée qui sont configurées dans le OnMouseDown biens.

  • Souris vers le haut: Le relâchement de la touche déclenche les actions de saisie qui sont configurées dans le OnMouseUp biens.

  • Souris bas/haut: L'appui et le relâchement de la touche déclenchent les actions d'entrée qui sont configurées dans le OnMouseDown la propriété et la OnMouseUp biens.

Basculer

standard icon: Combinaison avec la touche "Shift"

Exemple: Changement+J.

Contrôler

standard icon: Combinaison avec la touche "Ctrl"

Exemple: Ctrl+J.

Autre

standard icon: Combinaison avec la touche "Alt"

Exemple: Autre+J.

Astuce

Tous les raccourcis clavier et leurs actions qui sont configurés dans la visualisation sont répertoriés sur la Configuration du clavier languette.

Des droits d'accès

Note

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

Des droits d'accès bouton

Ouvre le Des droits d'accès dialogue. Là, vous pouvez modifier les privilèges d'accès pour l'élément.

. Messages d'état :
  • Pas encore défini. Pleins droits.: Droits d'accès pour tous les groupes d'utilisateurs : opérable

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