Knob / slider animation: Difference between revisions

Jump to navigation Jump to search
No edit summary
Line 25: Line 25:
Dragging the object generates value changes, based on the direction of mouse movement. The mapping from pixel movement to offset values is controlled by the <drag-scale> property, which divides the pixel movement. Hence, smaller values mean faster movement (harder to hit a precise value accurately) and larger values mean slower movement (easier to hit a particular value, but more mouse movement needed). The default value is 10px to cause a change.
Dragging the object generates value changes, based on the direction of mouse movement. The mapping from pixel movement to offset values is controlled by the <drag-scale> property, which divides the pixel movement. Hence, smaller values mean faster movement (harder to hit a precise value accurately) and larger values mean slower movement (easier to hit a particular value, but more mouse movement needed). The default value is 10px to cause a change.


By default the drag direction is left-right (since most people have better mobility in that direction, and screens are wider than tall), but each slider or knob can over-ride this, eg for throttle or mixture controls built-into a panel, up-down movement will feel more natural.  
By default the drag direction is left-right (since most people have better mobility in that direction, and screens are wider than tall), but each slider or knob can over-ride this, eg for throttle or mixture controls built-into a panel, up-down movement will feel more natural. Set <drag-direction> to 'vertical' or 'horizontal'.


== Examples ==
== Examples ==
580

edits

Navigation menu