Component: Display Manager (Graphical Library) - Revision history

Wiki bot at 08:58, 27 April 2026

2026-04-27T08:58:05Z

Wiki bot at 14:13, 22 October 2025

2025-10-22T14:13:50Z

Show changes

Wiki bot at 08:59, 9 June 2025

2025-06-09T08:59:24Z

Show changes

BenR: /* Basic Example */

2025-04-01T14:51:45Z

Basic Example

BenR: /* Examples */

2025-04-01T14:47:49Z

Examples

MartinW: /* Examples */

2025-03-28T11:36:21Z

Examples

MartinW: /* Examples */

2025-03-28T11:25:59Z

Examples

Wiki bot at 09:59, 12 August 2024

2024-08-12T09:59:41Z

BenR: /* Detailed description */

2024-07-31T10:11:30Z

Detailed description

BenR: /* Detailed description */

2024-07-31T10:11:18Z

Detailed description

@@ Line 249: / Line 249: @@
 | width="90%" | ObjectType
 |-
-| colspan="2" | 0=Hidden, 1=Rect, 2=Line, 3=Ellipse, 4=FilledEllipse, 5=FilledRect&nbsp;
+| colspan="2" | 0=Hidden, 1=Rect, 2=RoundedRect, 3=Ellipse, 4=Line, 8=Bitmap&nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
@@ Line 446: / Line 446: @@
 | width="90%" | WidgetType
 |-
-| colspan="2" | 0=WidgetHidden, 1=WidgetRect, 2=WidgetRoundedRect, 3=WidgetEllipse, 4=VSlider, 5=HSlider, 6=VSliderRound, 7=HSliderRound&nbsp;
+| colspan="2" | 0=WidgetHidden, 1=WidgetRect, 2=WidgetRoundedRect, 3=WidgetEllipse, 4=VSlider, 5=HSlider, 6=VSliderRound, 7=HSliderRound, 8=Bitmap&nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
@@ Line 580: / Line 580: @@
 |-
 | width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-s16-icon.png]] - INT
 | width="90%" style="border-top: 2px solid #000;" | ''Return''
 |}

@@ Line 77: / Line 77: @@
 ===Basic Example===
-An example showing how to use the display manager with a GLCd and a touch interface to create a full HMI.
+An example showing how to use the display manager with a gLCD and a touch interface to create a full HMI.
 The example shows how to create a simple menu system as well as a toggle switch and a slider used to control a PWM output.
 {{Fcfile|DisplayManagerDemo.fcfx|Display Manager Demo}}
 ===Keypad Example===

@@ Line 74: / Line 74: @@
 ==Examples==
 An example showing how to use the display manager with a GLCd and a touch interface to create a full HMI.
@@ Line 82: / Line 84: @@
-An example showing how you can use the CreateWigitArray component to easily create a touch keypad for your gLCD
+===Keypad Example===
-Component will create the widgets as keypad buttons with your custom text, it allows you to click on the widgets so you have a working keypad.
+An example showing how you can use the CreateWigitArray component to create a touch keypad for your gLCD.
 [[File:Updated__Display_Manager1.png]]
-The CreateWidgetArray function macro that is very flexible in what you can create:
+The CreateWidgetArray function macro has a number of parameters to allow high flexibility in what you can create:
 [[File:Updated__Display_Manager2.png]]
-Lots of flexibility and there are also tooltips to help.
+There are also tooltips for each parameter to help.
 [[File:Updated__Display_Manager3.png]]
@@ Line 98: / Line 100: @@
 Note: if you get a unable to run simulation error then make sure you have the latest components downloaded.
-===How the key touch is detected===
 The first widget is automatically assigned a unique widget ID e.g. the first widget with text 1 on it is assigned 24.

← Older revision		Revision as of 11:36, 28 March 2025
Line 97:		Line 97:

	Note: if you get a unable to run simulation error then make sure you have the latest components downloaded.		Note: if you get a unable to run simulation error then make sure you have the latest components downloaded.
		+
		+	===How the key touch is detected===
		+
		+	The first widget is automatically assigned a unique widget ID e.g. the first widget with text 1 on it is assigned 24.
		+
		+	All the following widgets ID is then incremented from 24, e.g. widget with text 6 on is assigned 24+ 5 = 29.
		+
		+	The widget button pressed can then be calculated from 29 – 24 + 1 = 6.
		+

	{{Fcfile\|DisplayManager_WidgetArray_Keypad_Example.fcfx\|Display Manager Widget Array Keypad Example}}		{{Fcfile\|DisplayManager_WidgetArray_Keypad_Example.fcfx\|Display Manager Widget Array Keypad Example}}

← Older revision		Revision as of 11:25, 28 March 2025
Line 80:		Line 80:

	{{Fcfile\|DisplayManagerDemo.fcfx\|Display Manager Demo}}		{{Fcfile\|DisplayManagerDemo.fcfx\|Display Manager Demo}}
		+
		+
		+	An example showing how you can use the CreateWigitArray component to easily create a touch keypad for your gLCD
		+
		+	Component will create the widgets as keypad buttons with your custom text, it allows you to click on the widgets so you have a working keypad.
		+
		+	[[File:Updated__Display_Manager1.png]]
		+
		+	The CreateWidgetArray function macro that is very flexible in what you can create:
		+
		+	[[File:Updated__Display_Manager2.png]]
		+
		+	Lots of flexibility and there are also tooltips to help.
		+
		+	[[File:Updated__Display_Manager3.png]]
		+
		+	Note: if you get a unable to run simulation error then make sure you have the latest components downloaded.
		+
		+	{{Fcfile\|DisplayManager_WidgetArray_Keypad_Example.fcfx\|Display Manager Widget Array Keypad Example}}

	==Macro reference==		==Macro reference==

@@ Line 23: / Line 23: @@
 , 2.1, 29-07-24, BR, Renamed Themes to ObjectThemes and WidgetThemes
 , 2.1, 29-07-24, BR, Added CreateTextField macro which automates creating a simple textbox
 ==Detailed description==
@@ Line 224: / Line 228: @@
 |-
 | colspan="2" | 0=Top, 1=Middle, 2=Bottom&nbsp;
 |-
 | width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
@@ Line 290: / Line 289: @@
 | width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''DrawAll'''
 |-
-| colspan="2" | Redraws all of the defined Objects and Widgets. Doesn't draw text, this is done using the SetText macro.&nbsp;
+| colspan="2" | Redraws all of the defined Objects and Widgets. Doesn't draw text, this is done using the SetText macros.&nbsp;
 |-
 |-
@@ Line 304: / Line 303: @@
 | width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''DrawItem'''
 |-
-| colspan="2" | Draws a single object or Widget onto the display without clearing the display. Doesn't draw a textfield component, this is done using the SetObjectText macro.&nbsp;
+| colspan="2" | Draws a single object or Widget onto the display without clearing the display. Doesn't draw text, this is done using the SetText macros.&nbsp;
 |-
 |-
@@ Line 827: / Line 826: @@
 |-
 | width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
-| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Object Theme 0
+| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Object & Text Theme 0
 |-
 |-
@@ Line 855: / Line 840: @@
 |-
 | width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
-| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Object Theme 2
+| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Object & Text Theme 1
 |-
 |-

@@ Line 36: / Line 36: @@
 *'''Object_EllipseFilled''' - 4 - A filled ellipse or circle.
 *'''Object_RectangeFilled''' - 5 - A filled rectangular box.
 ===TextField===