Component: Slider control (Advanced Shapes): Difference between revisions
Appearance
No edit summary |
m Text replacement - "width="90%" style="background-color:#D8C9D8; color:#4B008D;"" to "width="90%" class="mtx-class-macrohead"" |
||
| (20 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
{| style="width:50%" | |||
{| | |||
|- | |- | ||
| width="20%" style="color: gray;" | Author | | width="20%" style="color:gray;" | Author | ||
| Matrix Ltd | | Matrix Ltd | ||
|- | |- | ||
| width="20%" style="color: gray;" | Version | | width="20%" style="color:gray;" | Version | ||
| 1.1 | | 1.1 | ||
|- | |- | ||
| width="20%" style="color: gray;" | Category | | width="20%" style="color:gray;" | Category | ||
| Advanced Shapes | | Advanced Shapes | ||
|} | |} | ||
==Slider control component== | |||
A simple graphical interface for a vertical meter or slider control. This can be used within custom components to give them a way to display an analogue value, or to allow setting a value by clicking and dragging with the mouse. | |||
==Component Source Code== | |||
Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_slider.fcfx FC_Comp_Source_slider.fcfx] | |||
Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_slider.fcfx FC_Comp_Source_slider.fcfx] | |||
==Detailed description== | |||
''No detailed description exists yet for this component'' | |||
==Examples== | |||
Simple example showing how to use the simulation slider component as a meter display for use in monitoring type applications. | |||
{{Fcfile|Meters.fcfx|Meters}} | |||
==Macro reference== | |||
=== | ===GetValue=== | ||
{| class="mtx-class-macrotable wikitable" | |||
|- | |||
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]] | |||
| width="90%" class="mtx-class-macrohead" | '''GetValue''' | |||
|- | |||
| colspan="2" | Gets the current value of the slider. This will be within the range set by the SetRange macro. | |||
|- | |||
|- | |||
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-f32-icon.png]] - FLOAT | |||
| width="90%" style="border-top: 2px solid #000;" | ''Return'' | |||
|} | |||
:[[ | ===SetInteractive=== | ||
{| class="mtx-class-macrotable wikitable" | |||
|- | |||
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]] | |||
| width="90%" class="mtx-class-macrohead" | '''SetInteractive''' | |||
|- | |||
| colspan="2" | Set whether the mouse can be used to change the slider value. | |||
|- | |||
|- | |||
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL | |||
| width="90%" | Enable | |||
|- | |||
| colspan="2" | Set true to allow clicks to set scale | |||
|- | |||
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID | |||
| width="90%" style="border-top: 2px solid #000;" | ''Return'' | |||
|} | |||
===SetRange=== | |||
{| class="mtx-class-macrotable wikitable" | |||
|- | |||
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]] | |||
| width="90%" class="mtx-class-macrohead" | '''SetRange''' | |||
|- | |||
| colspan="2" | Set the minimum and maximum values that can be shown on the slider. | |||
|- | |||
|- | |||
| width="10%" align="center" | [[File:Fc9-s16-icon.png]] - INT | |||
| width="90%" | Min | |||
|- | |||
| colspan="2" | Min (start) value | |||
|- | |||
| width="10%" align="center" | [[File:Fc9-s16-icon.png]] - INT | |||
| width="90%" | Max | |||
|- | |||
| colspan="2" | Maximum (end) value | |||
|- | |||
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID | |||
| width="90%" style="border-top: 2px solid #000;" | ''Return'' | |||
|} | |||
:''This | ===SetValue=== | ||
{| class="mtx-class-macrotable wikitable" | |||
|- | |||
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]] | |||
| width="90%" class="mtx-class-macrohead" | '''SetValue''' | |||
|- | |||
| colspan="2" | Set the current value of the slider. This will override any value set by using the mouse. | |||
|- | |||
|- | |||
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT | |||
| width="90%" | Value | |||
|- | |||
| colspan="2" | The value to set. | |||
|- | |||
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID | |||
| width="90%" style="border-top: 2px solid #000;" | ''Return'' | |||
|} | |||
===ShowScale=== | |||
{| class="mtx-class-macrotable wikitable" | |||
|- | |||
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]] | |||
| width="90%" class="mtx-class-macrohead" | '''ShowScale''' | |||
|- | |||
| colspan="2" | Set whether graduated marking are shown along the length of the slider. | |||
|- | |||
|- | |||
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL | |||
| width="90%" | Show | |||
|- | |||
| colspan="2" | True to show scale, else false | |||
|- | |||
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID | |||
| width="90%" style="border-top: 2px solid #000;" | ''Return'' | |||
|} | |||
==Property reference== | ==Property reference== | ||
'' | |||
{| class="mtx-class-macrotable wikitable" | |||
|- | |||
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-prop-icon.png]] | |||
| width="90%" class="mtx-class-macrohead" | '''Properties''' | |||
|- | |||
|} | |||
Latest revision as of 14:23, 13 July 2026
| Author | Matrix Ltd |
| Version | 1.1 |
| Category | Advanced Shapes |
Slider control component
A simple graphical interface for a vertical meter or slider control. This can be used within custom components to give them a way to display an analogue value, or to allow setting a value by clicking and dragging with the mouse.
Component Source Code
Please click here to download the component source project: FC_Comp_Source_slider.fcfx
Please click here to view the component source code (Beta): FC_Comp_Source_slider.fcfx
Detailed description
No detailed description exists yet for this component
Examples
Simple example showing how to use the simulation slider component as a meter display for use in monitoring type applications.
Meters
Macro reference
GetValue
| GetValue | |
| Gets the current value of the slider. This will be within the range set by the SetRange macro. | |
| Return | |
SetInteractive
| SetInteractive | |
| Set whether the mouse can be used to change the slider value. | |
| Enable | |
| Set true to allow clicks to set scale | |
| Return | |
SetRange
| SetRange | |
| Set the minimum and maximum values that can be shown on the slider. | |
| Min | |
| Min (start) value | |
| Max | |
| Maximum (end) value | |
| Return | |
SetValue
| SetValue | |
| Set the current value of the slider. This will override any value set by using the mouse. | |
| Value | |
| The value to set. | |
| Return | |
ShowScale
| ShowScale | |
| Set whether graduated marking are shown along the length of the slider. | |
| Show | |
| True to show scale, else false | |
| Return | |
Property reference
| Properties |