Difference between revisions of "Component: SevenSeg ( Indicator)"
From Flowcode Help
Jump to navigationJump to search (Fixed the example and added another) |
|||
| Line 32: | Line 32: | ||
{{Fcfile|SevenSegSlider.fcweb|SevenSegSlider.fcweb}} | {{Fcfile|SevenSegSlider.fcweb|SevenSegSlider.fcweb}} | ||
| − | [https://www.flowcode.co.uk/example/WebComps/SevenSegSlider.html SevenSegSlider Example] | + | The web app created by this example can be viewed here: [https://www.flowcode.co.uk/example/WebComps/SevenSegSlider.html SevenSegSlider Example] |
| Line 40: | Line 40: | ||
{{Fcfile|SevenSegTest.fcweb|SevenSegTest.fcweb}} | {{Fcfile|SevenSegTest.fcweb|SevenSegTest.fcweb}} | ||
| − | [https://www.flowcode.co.uk/example/WebComps/SevenSegTest.html SevenSegTest Example] | + | The web app created by this example can be viewed here: [https://www.flowcode.co.uk/example/WebComps/SevenSegTest.html SevenSegTest Example] |
==Macro reference== | ==Macro reference== | ||
Latest revision as of 14:35, 27 April 2026
| Author | MatrixTSL |
| Version | 1.1 |
| Category | Indicator |
Contents
SevenSeg component
A single 7 segment web component.
Version information
Library Version, Component Version, Date, Author, Info 1, 1.0, 20-06-24, ST, Created 2, 1.1, 19-02-26, ST, Set colOn and colOff during Ev_Initialising
Detailed description
No detailed description exists yet for this component
Examples
7 Segment from a Slider
This example takes an input from a slider and outputs the number to a seven segment display. The display prints Err if the number is out of range.
The web app created by this example can be viewed here: SevenSegSlider Example
7 Segment - set individual segments
This uses switches to control each individual segment. The hex value displayed is the value that can be passed to the SetRawValue macro to show that pattern.
The web app created by this example can be viewed here: SevenSegTest Example
Macro reference
SetDigit
| SetDigit | |
| Sets the 7seg to display a digit (0-9) with an optional decimal point | |
| Digit | |
| The digit to display (0-9) | |
| ShowDP | |
| Set true to show the decimal point | |
| Return | |
SetOffColour
| SetOffColour | |
| Sets the 'off' colour of the segments | |
| Colour | |
| A string defining the colour (e.g. "maroon" or "#ff0099") | |
| Return | |
SetOnColour
| SetOnColour | |
| Sets the 'on' colour of the segments | |
| Colour | |
| A string defining the colour (e.g. "maroon" or "#ff0099") | |
| Return | |
SetRawValue
| SetRawValue | |
| Sets the raw byte value for the 7seg (0 - 255), allowing each segment to be individually set | |
| Value | |
| The raw byte value for the display (0-255) | |
| Return | |
Property reference
| Properties | |
| Digit | |
| On colour | |
| Off colour | |
| Background | |
| Back colour | |
| Specifies the fill colour of the shape | |
| Outline size | |
| The outline size in pixels | |
| Outline colour | |
| The outline colour of the shape | |
| Value | |
Component Source Code
Please click here to download the component source project: FC_Comp_Source_WEBEXP_7SEG1.fcsx
Please click here to view the component source code (Beta): FC_Comp_Source_WEBEXP_7SEG1.fcsx