18.01.2015 Views

Technical Reference Manual - InduSoft

Technical Reference Manual - InduSoft

Technical Reference Manual - InduSoft

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Screens and Graphics<br />

ROTATION ANIMATION<br />

On the Graphics tab, in the Animations group, click Rotation to add the animation to a Line, Open Polygon, Closed<br />

Polygon, or Bitmap object. Double-click on the object to open the Object Properties dialog.<br />

Use this dialog to specify the following parameters:<br />

Object Properties: Rotation animation<br />

• Tag/Expression field: Enter a Tag name or expression to associate with the Rotation animation. The value<br />

of Tag/Expression determines the actual rotation of the object; as the value changes, so does the amount of<br />

rotation.<br />

• Range area: Enter the Minimum and Maximum values allowed for Tag/Expression. Values less than the minimum<br />

and greater than the maximum are disregarded.<br />

• Rotation (degrees) area: Enter the Start and End positions (in degrees) of the object. The actual rotation is<br />

proportional to the value of Tag/Expression within Range. An object can rotate up to 360 degrees, and it<br />

rotates clockwise by default.<br />

Tip: For example, a Rotation animation has the following settings: Minimum is 0, Maximum is 100,<br />

Start is 0, and End is 180. If the current value of Tag/Expression is 50 (i.e., halfway between Minimum<br />

and Maximum), then the actual rotation of the object is 90 degrees (i.e., halfway between Start<br />

and End). A value of 25 is equal to 45 degrees, a value of 75 is equal to 135 degrees, and so on.<br />

• <strong>Reference</strong> combo-box: Select one of the following as a pivot point on which to rotate the object:<br />

• Left-Top: Upper-left corner of the object.<br />

• Left-Bottom: Lower-left corner of the object.<br />

• Center: Center of the object.<br />

• Right-Top: Upper-right corner of the object.<br />

• Right-Bottom: Lower-right corner of the object.<br />

You can fine tune the pivot point by configuring the Offset settings described below.<br />

• Advanced button: Click to open the Advanced dialog, where you can configure the following settings:<br />

Object Properties: Rotation animation – Advanced Dialog<br />

• Offset (pixels) area: Enter the number of pixels by which to offset the <strong>Reference</strong> (i.e., pivot point) on the X<br />

axis and/or Y axis.<br />

• Counter Clockwise checkbox: Click (enable) this option to make the object rotate counterclockwise instead<br />

of clockwise.<br />

<strong>InduSoft</strong> Web Studio Page 231

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!