Components > Sensors > Animated controller

Purpose

Using the 'Controller' component you can trigger analogue operations and display them. Different images can be displayed for each state. Data is displayed with a separate controller animation of an

animated *.gif file. Preferably, this component is to control and display of 8bit values, for example, dimming values or heights of blinds. For operation of the component with the "pull" method set the mouse pointer anywhere on the

graph. Now press the left mouse button and drag the mouse button pressed in the set direction (Y-, Xor XY-axis), so in both directions, the values increase or decrease. The value is when you release the

button or not later than transmission interval time in ms. In addition to the "pull" method you can operate the controller with the "click" method. Click the left mouse button on a point of the graphic and then release the button. The value is sent which corresponds to the position of the graphic. This method is only when using the control direction of Xand Y-axis possible (not with XY-axis). The sensitivity must be higher at Y-axis control of componentlevel

and wider at X-axis control of the components. The minimum value indicates the value at the bottom (Y axis) or left (X axis) edge of the component and the first image in the animation. The maximum value indicates the upper (Y-axis) and right (X axis)With an on/off signal at the data point "Visible" the component will be switched visible / invisible in runtime. An on signal switches the component visible, an off signal invisible.

Please note the important notes on graphics.

Data points of the component

Name	Type	Funktion
Lock operation (display only)	Input	If this input is not used, the component can be operated normally. If the input is connected with an on-signal, the component will be locked can not be operated. It only has display function. The locked state of a component is displayed, with a padlock sign on a slightly gray background.
Mouseover	Output	Sends out an On signal, if you hover over the component with the mouse pointer.
Visible	Input	If this input is not used, the component is always visible. The component can be made invisible with an off signal on this datapoint and visible with an on-signal on this data point.
Status input	Input	This input can be used to change the display value of the component. Here is e.g. the signal of an active feedback switched on.
Opacity [0-255]	Input	See component independent data points
Value	Bidirectional	This data point is used to send the current value and / or to receive a value.

Properties

Name		Funktion
Images		The editor defines the graphics for the animation. Any number of own graphics can be added to the list. The top graphic (1) is intended for the undefined state, the lowest for the maximum position. The graphics in between are split over the value range.
Operation horizontal		If the check mark is set, the operation is limited to horizontal movement when the component is in normal orientation (rotation 0 °). If the tick is not set, operation is performed with vertical movement.
Value at maximum setting	255	Here, the value is selected which is output when the controller has been moved to the uppermost position (rotation 0 °).
Value at minimum setting	0	Here, the value is selected which is output when the controller has been moved to the bottommost position (rotation 0 °).
Lock operation (display only)		If this parameter is set, the component can not be operated. It then has only display function.
Send interval [ms]	2000	After this time, the current value at the "Value" data point is sent with continuous operation (MouseDown). Otherwise, the value will generally be sent when the controller is released (MouseUp).
Change Display only via status input		Display state (On / Off / Undefined) is only changed via the signal at the status input, if this parameter is set.

Animimated graphic editor

Explanation of the buttons in the ribbon, from left to right:

Function	Function Description
Add picture	Select a new graphic from the graphics library here. This can be a bmp, png or gif graphic, for example. It is also possible to select an animated gif graphic. This is split into its sub-images during the import and displayed. The top graphic (1) is used for the undefined status, the second for the minimum position and the bottom for the maximum position. The graphics in between are divided into the value range.
Remove picture	Deletes the currently selected image from the list.
Arrow up	Moves the currently selected image up one position in the list.
Down arrow	Moves the currently selected image one position down in the list.
Optimise	If this option is active, image files are downsampled during import so that the resolution is adapted to the component size. Without this function, the original resolution of the image is used. Please note here: Important notes --> Working with graphics.