Component: Circular Slider (Graphical Manager Primitives): Difference between revisions

Latest revision as of 14:36, 13 July 2026

Author	Matrix TSL
Version	1.0
Category	Graphical Manager Primitives

Circular Slider component

A circular slider widget used with the Graphical Manager on the GLCD Layout Editor panel.

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, 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
	Orientation

	Line Width
Width of the line in pixels
	ThumbShape

	Thumb Width
Width of the thumb in pixels
	Thumb Colour
The colour of the outer border line
	Background Colour
The fill colour of the shape
	Low Line Colour

	High Line Colour
The colour of the drop shadow
	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

@@ Line 85: / Line 85: @@
 |-
 | width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
-| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetID'''
+| width="90%" class="mtx-class-macrohead" | '''GetID'''
 |-
 | colspan="2" | Returns the assigned object/widget ID.&nbsp;
@@ Line 99: / Line 99: @@
 |-
 | width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
-| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetSliderValue'''
+| width="90%" class="mtx-class-macrohead" | '''GetSliderValue'''
 |-
 | colspan="2" | Reads the value of one of the sliders ranging between 0-1 or Custom range Min-Max.&nbsp;
@@ Line 113: / Line 113: @@
 |-
 | width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
-| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ModifyColour'''
+| width="90%" class="mtx-class-macrohead" | '''ModifyColour'''
 |-
 | colspan="2" | Changes the theme index of the selected Object or Widget.&nbsp;
@@ Line 152: / Line 152: @@
 |-
 | width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
-| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ModifyPosition'''
+| width="90%" class="mtx-class-macrohead" | '''ModifyPosition'''
 |-
 | colspan="2" | Moves an existing object or Widget to absolute coordinates on the screen.&nbsp;
@@ Line 181: / Line 181: @@
 |-
 | width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
-| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ModifyScale'''
+| width="90%" class="mtx-class-macrohead" | '''ModifyScale'''
 |-
 | colspan="2" | Changes the width and height of the selected Object or Widget.&nbsp;
@@ Line 205: / Line 205: @@
 |-
 | width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
-| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SetSliderValue'''
+| width="90%" class="mtx-class-macrohead" | '''SetSliderValue'''
 |-
 | colspan="2" | Sets the value of one of the sliders and optionally redraws the slider to reflect the value change.&nbsp;
@@ Line 230: / Line 230: @@
 |-
 | width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-prop-icon.png]]
-| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''
+| width="90%" class="mtx-class-macrohead" | '''Properties'''
 |-
 |-
-| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
+| width="10%" align="center" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
-| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Appearance
+| width="90%" class="mtx-class-propfolder" | Appearance
 |-
 |-
@@ Line 277: / Line 277: @@
 | colspan="2" | The colour of the drop shadow&nbsp;
 |-
-| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
+| width="10%" align="center" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
-| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Touch
+| width="90%" class="mtx-class-propfolder" | Touch
 |-
 |-
-| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
+| width="10%" align="center" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
-| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Value Range
+| width="90%" class="mtx-class-propfolder" | Value Range
 |-
 |-

SteveT (talk | contribs)