Skip to main content

Élément de visualisation : onglets

Symbole:

_visu_img_tab_control.png

Catégorie: Commandes communes

L'élément affiche les visualisations sélectionnées dans des onglets. Les onglets peuvent être utilisés au moyen de l'en-tête d'onglet sans avoir à configurer une configuration d'entrée. Un utilisateur de visualisation bascule entre les visualisations en cliquant sur l'en-tête de l'onglet.

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: Assembly A

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

Onglets

Largeur de tabulation

Largeur de l'onglet (en pixels)

S'il n'y a pas d'espace pour tous les en-têtes d'onglet, une barre de défilement est ajoutée.

Exemple: 30

Hauteur de l'onglet

Hauteur de l'onglet (en pixels)

  • Littéral entier

    Exemple: 15

  • Du style

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.

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.

Paramètres de la barre de défilement

Les propriétés incluent des variables pour la position des cases de défilement dans les barres de défilement. Vous pouvez traiter les données pour la position de la case de défilement dans l'application.

Scrollposition variable horizontale

Scrollposition variable verticale

Exigence : Le Type de mise à l'échelle la propriété est Fixe et défilable.

Variable (type de données entier, également sous forme de tableau) pour la position de la case de défilement horizontal ou vertical

Exemple:

PLC_PRG.iScrollHor[CURRENTCLIENTID]

PLC_PRG.iScrollVer[CURRENTCLIENTID]

CURRENTCLIENTID indique la variante d'affichage actuelle.

Le tableau contient la position de chaque variante d'affichage. Si la visualisation s'exécute sur plusieurs variantes d'affichage, les changements de position sont déconnectés les uns des autres.

Dans cet exemple, la variable est déclarée sous forme de tableau :

iScrollHor: ARRAY[0..20] OF INT;

iScrollVer: ARRAY[0..20] OF INT;

Astuce

Vous pouvez combiner les variables à un conversion d'unité.

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

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

Les références de visualisation qui ont été sélectionnées dans le Configuration du châssis dialogue

Nom de la référence de visualisation

Exemple: visRectangle

Titre

En-tête dans l'onglet de l'élément tab

Exemple: Panel

ID d'image

ID d'image dans le thème <image pool name>.<ID>

Exemple: Imagepool_A.1 pour l'image avec ID 1 dans Imagepool_A

Invisible

Variable booléenne pour masquer dynamiquement l'onglet correspondant

Exemple: PLC_PRG.bInvisible

TRUE: L'onglet est masqué.

Remarque : Cette fonction n'est pas implémentée pour la visualisation intégrée (pas VISU_TASK).

Paramètre d'interface de la référence de visualisation

Exemple: iX

Si la visualisation a une interface avec des variables ou des paramètres, ils sont répertoriés ici avec le nom de la variable (en tant que propriétés enfant) avec la valeur d'initialisation (à côté sous le Évaluer colonne).

Astuce : Vous pouvez trouver le type de données des paramètres d'interface dans le éditeur d'interfaces.

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

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.

Basculer la variable

Variable

Variable (type de données entier) pour l'index de la visualisation active

Exemple: PLC_PRG.uiActiveVisuID.

La variable contrôle la commutation des visualisations référencées. La variable indexe les visualisations de cadre qui sont affichées sur l'onglet lors de l'exécution. Lorsque la valeur de la variable change, elle passe à la visualisation récemment indexée sur l'onglet.

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

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

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.