A horizontal interactor is used to extend or contract
a symbol object when the mouse moves horizontally over it. The horizontal
interactor changes the value of the parameter to which it is bound.
This change in parameter value is used to apply a transformation on
the object bound to the parameter. For example, if you move the mouse
over a progressbar symbol, the bar moves to the left or right with
the mouse.
Note
Vertical interactors work in an identical way to horizontal
interactors. The only difference is that the change in parameter value
is caused by the mouse moving vertically and not horizontally.
To add a horizontal interactor to a symbol:
-
-
Select the progressbar object.
-
Open the Interactor tab in the Styling Customizer.
-
Select Horizontal in the Interactor field.
-
Select progress in the Parameter field.
-
Set the Maximum field to 100.
-
-
Test this symbol by clicking the Preview button.
You see that, as the mouse moves horizontally, the progressbar
follows the mouse movement. As the value of maximum is set to 100,
the progressbar never overruns the background image.
Note
Set the Horizontal Direction to Left in the Interactor
tab of the Styling Customizer to make the progressbar move in the
opposite direction to the mouse.