Jump to content

Component: Circular Slider (Graphical Manager Primitives)

From Flowcode Help
Revision as of 10:20, 2 November 2026 by Wiki bot (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Author Matrix TSL
Version 1.1
Category Graphical Manager Primitives


Circular Slider component

A circular slider or circular gauge widget used with the Graphical Manager on the GLCD Layout Editor panel. Indicator = Thumb gives a touchable slider, Needle or None gives a gauge driven by SetSliderValue.

Detailed description

No detailed description exists yet for this component

Examples

No additional examples







Macro reference

GetID

GetID
Returns the assigned object/widget ID. 
- UINT Return


GetSliderValue

GetSliderValue
Reads the value of one of the sliders ranging between 0-1 or Custom range Min-Max. 
- FLOAT Return


ModifyColour

ModifyColour
Changes the theme index of the selected Object or Widget. 
- BYTE Index
0=Thumb/Needle, 1=Background, 2=Low Line, 3=High Line 
- BYTE R
 
- BYTE G
 
- BYTE B
 
- BOOL Redraw
 
- VOID Return


ModifyPosition

ModifyPosition
Moves an existing object or Widget to absolute coordinates on the screen. 
- INT X
 
- INT Y
 
- BOOL Relative
0=Absolute Positioning, 1=Relative Positioning 
- VOID Return


ModifyScale

ModifyScale
Changes the width and height of the selected Object or Widget. 
- UINT Width
 
- UINT Height
 
- VOID Return


SetSliderValue

SetSliderValue
Sets the value of one of the sliders and optionally redraws the slider to reflect the value change. 
- FLOAT Value
Range: 0 to 1 - Or Custom Range Min to Max 
- BOOL RedrawSlider
0=Do not redraw, 1=Redraw 
- VOID Return


Property reference

Properties
Appearance
Line Width
Thickness of the arc in pixels 
Indicator
Thumb - a touchable circular slider with a round thumb on the arc

Needle - a circular gauge with a needle from the centre (not touchable) None - a circular gauge showing the value as the filled part of the arc (not touchable) 

Indicator Width
Diameter of the thumb or width of the needle in pixels 
Indicator Colour
The colour of the thumb or needle 
Background Colour
The fill colour of the disc behind the arc 
Low Line Colour
Arc colour from the start of the arc (bottom left) up to the thumb 
High Line Colour
Arc colour from the thumb to the end of the arc (bottom right) 
Touch
Value Range
Custom Range
 
Minimum Value
The minimum value of the slider. 
Maximum Value
The maximum value of the slider. 

Component Source Code

Please click here to download the component source project: FC_Comp_Source_DC_CircularSlider.fcfx

Please click here to view the component source code (Beta): FC_Comp_Source_DC_CircularSlider.fcfx