Nos marques

Bienvenue sur le site Web de Schneider Electric

Bienvenue sur notre site Web.
		
En quoi pouvons-nous vous aider aujourd'hui ?
How to use rotation to create "analog meter" style animation

DISCLAIMER

The example below is intended to demonstrate one or more features or methods and is presented as a configuration example only. Schneider Electric assumes no liability for the use or application of this example or any portion thereof.



We will show, step by step, how to get an animation that shows the value of an analog point like an old style analog meter.
First, we draw the objects. The simple example below shows a circle, a "hand" (arrow), text boxes showing values at "0", "90", "180" and "270" degrees angles. Note that the "hand" was drawn in a way where it's bottom end is on the circle center and that it is "pointing"to "0". There is also a regular analog display (Value), just to show the value that will animate the "hand":

Meter

Let's double click on the "hand" and set the "Pivot" to "Bottom":

Animation 1

Now, let's click on the "Animations" button and set the "Rotation" property expression, in this example, to use the value stored in a point named "A1". Any valid expression can be used here and the resulting value will be used by the animation as the angle (0-360) the "hand will rotate:

Animation 2

The "Value" analog display is just used here as a way to enter new values to the "A1" internal analog point so we can see the effects on the "handle" animation. Please note that, unlike most of the other animation types, the "Rotation" one is only active in runtime, not in design mode. Below some examples of the results:

Result 90 degrees

Result 180 degrees




Schneider Electric Belgium

En savoir plus
Produit :
En savoir plus
Produit :
  • Documentation produits
  • Téléchargement de logiciels
  • Sélecteur de produits
  • Substitution et remplacement de produits
  • Centre d'aide et de contact
  • Trouver nos sites
  • Obtenir un devis
  • Où acheter
  • Communauté Schneider Electric
  • Carrières
  • Qui sommes-nous ?
  • Signaler une mauvaise conduite
  • Accessibilité
  • Salle de presse
  • Partenaires
  • EcoStruxure
  • Nos emplois
  • Blog
  • Soyez informé des nouveautés en premier ?
  • Protection des données
  • Mention sur les cookies
  • Conditions d utilisation
  • Conditions générales de vente et d'achat
  • Change your cookie settings