Languette: Paramètres

Utiliser des chaînes Unicode

: La visualisation encode les chaînes en Unicode.

Utiliser la variable CurrentVisu

: L'application reconnaît et utilise la variable globale VisuElems.CurrentVisu de type STRING.

Il contient le nom de la visualisation active lors de l'exécution de l'application.

Dans le code de l'application, la variable peut être lue afin de conserver le nom de la visualisation active. Elle peut également être écrite pour appeler un changement de visualisation. Ce changement s'effectue simultanément sur tous les écrans.

Exemple : Une variante d'affichage TargetVisu et plusieurs variantes d'affichage WebVisu sont actives. Lorsque la variable CurrentVisu est modifiée, toutes les variantes d'affichage basculent vers cette visualisation.

Exigence : l’application inclut une visualisation qui appelle d’autres visualisations.

Prise en charge des animations client et de la superposition d'éléments natifs

: Les éléments de visualisation peuvent être animés par le client.

Cette fonction n'est possible que pour les navigateurs d'un CODESYS WebVisu et dans un CODESYS TargetVisu. Cependant, CODESYS TargetVisu doit prendre en charge cette fonction. Des propriétés supplémentaires sont alors visibles dans les éléments de visualisation.

De plus, les éléments natifs, qui sont intégrés dans la visualisation (par exemple, un navigateur Web), peuvent être superposés avec des éléments natifs. CODESYS éléments. Ceci n'est pas possible avec CODESYS versions antérieures à 3.5.16.0.

Style sélectionné

Ouvre une liste déroulante avec les styles installés dans le référentiel de styles de visualisation

Afficher toutes les versions (réservé aux experts)

: La liste déroulante inclut uniquement la dernière version du style sélectionné et tous les autres styles. Si une version plus récente est installée pour le style sélectionné, elle est également répertoriée.

: La liste contient toutes les versions de tous les styles installés.

Bouton:

Ouvre une liste déroulante contenant des commandes permettant d'utiliser le Éditeur de style de visualisation

Ouvrir l'éditeur de style

Le Éditeur de style de visualisation s'ouvre.

Créer et modifier un style dérivé

Le Éditeur de style de visualisation s'ouvre avec le Créer un nouveau style de visualisation boîte de dialogue. La boîte de dialogue contient les paramètres de la première étape de configuration.

Exigence : Dans Style sélectionné, un style de base est sélectionné.

Copier et éditer le style

Le Éditeur de style de visualisation s'ouvre avec le Ouvrir le style existant en tant que copie boîte de dialogue. La boîte de dialogue contient les paramètres de la première étape de configuration.

Exigence : Un style est sélectionné dans Style sélectionné.

Aperçu

Les éléments affichés représentent le style spécifié dans Style sélectionné.

Langue sélectionnée

Langue utilisée par la variante d'affichage lors du démarrage d'une visualisation

Gestion multitouch

Cette propriété définit la gestion des événements tactiles. Cette gestion est effectuée soit par la visualisation, soit, dans le cas de WebVisu, par le navigateur. Ce paramètre permet d'effectuer des gestes tactiles sur différents éléments de la visualisation.

La visualisation traite les entrées utilisateur via les gestes, le toucher et les événements de souris. WebVisu ne transmet pas ces événements au navigateur (aucun défilement n'est possible). La transmission des événements affecte uniquement WebVisu, et non TargetVisu.

: La visualisation ne traite pas explicitement les événements d'entrée. Les événements de souris, tactiles et gestuels fonctionnent normalement dans le navigateur.

Faire défiler les éléments avec la barre de défilement

: Les éléments de défilement sont affichés avec une barre de défilement. Le contenu peut être parcouru à la souris uniquement de cette façon.

: Le défilement par panoramique est activé.

Les éléments de visualisation Tableau, Tableau d'alarme, Zone de liste déroulante, entier, Zone de liste déroulante, tableau, et Cadre avec le Fixe et défilant les biens sont concernés par cette option.

Dessin semi-transparent

: La visualisation peint les éléments dans une couleur semi-transparente.

Lors de la définition d'une couleur, vous pouvez également spécifier la valeur du dégradé de transparence. Cette valeur est définie dans le Transparence propriété.

L'octet de tête est évalué dans les variables de couleur.

Par défaut : activé.

Exigence : vous avez créé une nouvelle visualisation et les variantes d’affichage peuvent être peintes avec une semi-transparence.

Gestion standard du clavier

Les éléments désactivés par la peinture sont grisés

: Tous les éléments désactivés sont grisés sans que vous ayez configuré leurs propriétés d'élément, telles que les variables de couleur.

Appel après l'initialisation de visu

Nom de la fonction. La fonction est appelée après l'initialisation. C'est le moment d'enregistrer un gestionnaire d'événements supplémentaire pour la fonction. EventManager.

Exemple: VisuInit

Mise en œuvre de VisuInit:

// This function is called after visu initialization (see Visualization Manager 'Call after visu initialization')
FUNCTION VisuInit : BOOL
VAR_INPUT
END_VAR
// Set the mouse event handler
VisuElems.VisuElemBase.g_VisuEventManager.SetMouseEventHandler(PLC_PRG.evHandler);

Un autre cas d'utilisation est l'enregistrement du ClientManagerListener pour le ClientManager.

Taille de visualisation réactive

La taille de la visualisation est actualisée lorsque la taille du client est modifiée. Les éléments de la visualisation de niveau supérieur peuvent être positionnés dynamiquement. La mise à l'échelle requise est isotrope ou anisotrope.

La taille du client peut être interrogée avec le Container.Width et Container.Height variables.

Container.Size correspond à la taille du client pour toutes les visualisations de niveau supérieur. Pour qu'une visualisation avec des éléments repositionnés soit à nouveau correctement mise à l'échelle, Visu.Size doit être recalculé.

Exemple:

Container.Width - Visu.Width
Container.Width - Visu.Width - 50