Our Brands

Impact-Company-Logo-English Black-01-177x54

Welcome to the Schneider Electric Website

Welcome to our website.
		
How can we help you today?
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 Indonesia

Explore more
Product:
Users group

Discuss this topic with experts

Visit our Community for first-hand insights from experts and peers on this topic and more.
Explore more
Product:
  • Products Documentation
  • Software Downloads
  • Product Selector
  • Product Substitution and Replacement
  • Help and Contact Centre
  • Find our Offices
  • Get a Quote
  • Where to buy
  • Schneider Electric Community
  • Careers
  • Company Profile
  • Report a misconduct
  • Accessibility
  • Investors
  • EcoStruxure
  • Job Search
  • Blog
  • Legal information
  • Privacy Policy
  • Cookie Notice
  • Terms of use
  • Change your cookie settings