Types d’animation
- Last UpdatedSep 24, 2024
- 3 minute read
Il existe deux types d'animations :
-
Les animations visuelles, qui déterminent l’apparence d’un élément, par exemple<:hs>: clignoter, style de remplissage, pourcentage de remplissage horizontal, affichage de valeur, et ainsi de suite.
-
Les animations d'interaction déterminent le comportement de l'élément, comme les curseurs horizontaux, la saisie de l'utilisateur, etc.
Certaines animations visuelles ou interactives sont spécifiques à des éléments précis. Par exemple, l'animation DataStatus est spécifique à l'élément État. Les animations spécifiques à élément déterminent également le comportement et l'apparence de celui-ci.
Vous pouvez configurer les types d'animations communes suivantes :
|
Type d'animation |
Description |
|---|---|
|
Visibilité |
Affiche ou masque l'élément en fonction d'une valeur ou d'une expression. |
|
Style de remplissage |
Spécifie le style de remplissage intérieur en fonction d'une valeur ou d'une expression discrètes ou encore, d'une ou plusieurs conditions. |
|
Style de ligne |
Spécifie le style et le motif de l'élément ligne en fonction d'une valeur ou d'une expression discrètes ou encore, d'une ou plusieurs conditions. |
|
Style de texte |
Spécifie le style de l'élément texte en fonction d'une valeur ou d'une expression discrètes ou encore, d'une ou plusieurs conditions. |
|
Clignoter |
Définit l'élément comme clignotant en alternant, soit comme invisible, soit avec des couleurs spécifiées en fonction d'une valeur ou d'une expression discrètes. |
|
Style d'élément |
Les styles d'élément définissent un ensemble de propriétés visuelles qui déterminent l'apparence du texte, des lignes, des contours graphiques et du remplissage intérieur visible dans les graphiques industriels. |
|
% de remplissage horizontal |
Remplit l'élément avec de la couleur, partiellement de gauche à droite ou inversement, en fonction d'une valeur ou d'une expression analogiques. |
|
% de remplissage vertical |
Remplit l'élément avec de la couleur, partiellement de haut en bas ou inversement, en fonction d'une valeur ou d'une expression analogiques. |
|
Position horizontale |
Positionne l'élément avec un décalage horizontal en fonction d'une valeur ou d'une expression analogiques. |
|
Position verticale |
Positionne l'élément avec un décalage vertical en fonction d'une valeur ou d'une expression analogiques. |
|
Largeur |
Incrémente ou décrémente la largeur de l'élément en fonction d'une valeur ou d'une expression analogiques. |
|
Hauteur |
Incrémente ou décrémente la hauteur de l'élément en fonction d'une valeur ou d'une expression analogiques. |
|
Un point |
Modifie les valeurs des coordonnées X et Y d'un ou plusieurs points sélectionnés sur un graphique ou un élément graphique. |
|
Orientation |
Pivote l'élément selon un angle autour de son centre ou d'un autre point, en fonction d'une valeur ou d'une expression analogiques. |
|
Affichage de valeur |
Affiche une valeur discrète, analogique ou chaîne, un horodatage, un nom ou une expression. |
|
Info-bulle |
Affiche une valeur ou expression sous forme d'info-bulle quand la souris se déplace au dessus de l'élément. |
|
Désactivation |
Désactive l’animation d’un élément en fonction d’une valeur ou d’une expression booléennes. |
|
Saisie utilisateur |
Permet à l'utilisateur pendant l'exploitation de saisir une valeur booléenne, analogique ou chaîne, un horodatage ou un temps écoulé, avant de renseigner un certain attribut. |
|
Curseur horizontal |
Permet à l'utilisateur pendant l'exploitation de faire glisser l'élément vers la gauche ou vers la droite et à inscrire en retour le décalage dans un attribut analogique. |
|
Curseur vertical |
Permet à l'utilisateur pendant l'exploitation de faire glisser l'élément vers le haut ou vers le bas et à inscrire en retour le décalage dans un attribut analogique. |
|
Bouton tactile |
Renseigne avec des valeurs prédéfinies une référence booléenne ou analogique quand l'utilisateur clique sur l'élément. |
|
Scripts d'action |
Exécute un script d'action quand l'utilisateur pendant l'exploitation clique sur l'élément. |
|
Afficher un graphique |
Affiche un certain graphique à une position déterminée quand l'utilisateur clique sur l'élément en cours d'exploitation. |
|
Masquer un graphique |
Masque un certain graphique quand l'utilisateur clique sur l'élément en cours d'exploitation. |