Introduction

The Led Digits widget is a highly configurable widget that allows you to easily display a numerical value in different formats,.

How it works

The Led Digits widget draws the entered value with a combination of off and on segments. These segments are drawn transparently over the background so they can be used on top of an image or on top of another widget.

Implementation

To select the Led Digits widget when using the Architect or Genius environments simply click on Graphics and then click on Add Widget.

Click on the Led Digits widget under the Led tab or the Digits tab and click on Confirm.

The Led Digits will be placed on the graphic representation of the TIMI display with default properties set.

You can now change the Property Values to get the desired look of the Led Digits widget.

Left and Top Property

The Left and Top property can be changed by entering the value of a known Left and Top coordinate.

Or the Led Digits can be positioned by simply clicking on it and dragging it into the desired position. If the width or height of the Led Digits object is set to the maximum size of the display top or left dragging will not function.

Width and Height Property

The width and height properties cannot be changed and are determined by the number digits and digit size

Digits Property

The Led Digits can be set to display the required number of digits by entering the number of digits as the property value

Decimal Place Property

The Decimal Place property can be changed to set how many digits after the Separator are displayed.

Digit Spacing Property

The space between the digits is set to a default space depending on the size of the digit. This space can be increased by entering a value in pixels which will be added to the default space to make the space between each displayed digit larger.

Digit Size Property

The Digit size property is a multiplier. The default is Digit Size 2 and can be set to 1 to make the digits smaller or any size larger.

Segment Color On / Segment Color Off Property

The segments of the Led Digit can be set for a On colour state and an Off colour state. Generally, the Off colour state is a darker shade of the On colour state but any colour combination can be used. Clicking on the property value will open the colour selector.

Data Type Property

The Led Digit widget has 3 Data types that can be selected.

Int16 has a range from -32767 to 32767, Int32 has a range of -2147483647 to 2147483647 and Float is for the Led Digit widget to accept floating point values. These options are more relevant when connected to an external host. The default setting is Int16.

Float Format Property

The way a floating point number is displayed can be changed by selecting to Float Format from the drop-down menu.

Separator Style Property

The Separator Style can be selected as a Dot or a Comma or None if a number doesn’t need to be displayed with a decimal place.

Enable Leading Zeroes Property

If required, the remaining digits to the left of the displayed value can be populated with Zeroes by selecting Yes.

Enable Sign Property

The Led Digits widget can be set to display negative values by selecting Yes as the property value. It is important to note that the Sign will occupy a digit space so a displayed range of -100 to 100 will need 4 Digits set as the Digits property.

Demonstration

For this demonstration we will using a Led Digits widget and a panel to make a simple 4-digit display that will display negative to positive values

Add a Led Digits Widget and then set the properties as shown on the right.

If the Genius environment is being used the demonstration can be tested by entering simple code in the code window.

Or copy and paste the code below.

Copy to Clipboard

Ensure that the Port is set to the correct port that the TIMI module is connected to.

And then click on the Upload Button to Upload the entire project to the display.

When the Upload has completed you should see the Led Digits count from -100 to 100.

Or the page can be used in the Commander environment by saving the Page and clicking in the Object Selector to choose Page0.

Then Click on Save Configuration.

A Save Dialogue Window will appear. Enter a filename (LedDigits100Demo) then click on Save

You can find out further information about the Commander Environment in the ‘Getting Started with the Commander Environment’ tutorial.

Back to Resource Centre

Share this article on socials

Introduction

The Led Digits widget is a highly configurable widget that allows you to easily display a numerical value in different formats,.

How it works

The Led Digits widget draws the entered value with a combination of off and on segments. These segments are drawn transparently over the background so they can be used on top of an image or on top of another widget.

Implementation

To select the Led Digits widget when using the Architect or Genius environments simply click on Graphics and then click on Add Widget.

Click on the Led Digits widget under the Led tab or the Digits tab and click on Confirm.

The Led Digits will be placed on the graphic representation of the TIMI display with default properties set.

You can now change the Property Values to get the desired look of the Led Digits widget.

Left and Top Property

The Left and Top property can be changed by entering the value of a known Left and Top coordinate.

Or the Led Digits can be positioned by simply clicking on it and dragging it into the desired position. If the width or height of the Led Digits object is set to the maximum size of the display top or left dragging will not function.

Width and Height Property

The width and height properties cannot be changed and are determined by the number digits and digit size

Digits Property

The Led Digits can be set to display the required number of digits by entering the number of digits as the property value

Decimal Place Property

The Decimal Place property can be changed to set how many digits after the Separator are displayed.

Digit Spacing Property

The space between the digits is set to a default space depending on the size of the digit. This space can be increased by entering a value in pixels which will be added to the default space to make the space between each displayed digit larger.

Digit Size Property

The Digit size property is a multiplier. The default is Digit Size 2 and can be set to 1 to make the digits smaller or any size larger.

Segment Color On / Segment Color Off Property

The segments of the Led Digit can be set for a On colour state and an Off colour state. Generally, the Off colour state is a darker shade of the On colour state but any colour combination can be used. Clicking on the property value will open the colour selector.

Data Type Property

The Led Digit widget has 3 Data types that can be selected.

Int16 has a range from -32767 to 32767, Int32 has a range of -2147483647 to 2147483647 and Float is for the Led Digit widget to accept floating point values. These options are more relevant when connected to an external host. The default setting is Int16.

Float Format Property

The way a floating point number is displayed can be changed by selecting to Float Format from the drop-down menu.

Separator Style Property

The Separator Style can be selected as a Dot or a Comma or None if a number doesn’t need to be displayed with a decimal place.

Enable Leading Zeroes Property

If required, the remaining digits to the left of the displayed value can be populated with Zeroes by selecting Yes.

Enable Sign Property

The Led Digits widget can be set to display negative values by selecting Yes as the property value. It is important to note that the Sign will occupy a digit space so a displayed range of -100 to 100 will need 4 Digits set as the Digits property.

Demonstration

For this demonstration we will using a Led Digits widget and a panel to make a simple 4-digit display that will display negative to positive values

Add a Led Digits Widget and then set the properties as shown on the right.

If the Genius environment is being used the demonstration can be tested by entering simple code in the code window.

Or copy and paste the code below.

Copy to Clipboard

Ensure that the Port is set to the correct port that the TIMI module is connected to.

And then click on the Upload Button to Upload the entire project to the display.

When the Upload has completed you should see the Led Digits count from -100 to 100.

Or the page can be used in the Commander environment by saving the Page and clicking in the Object Selector to choose Page0.

Then Click on Save Configuration.

A Save Dialogue Window will appear. Enter a filename (LedDigits100Demo) then click on Save

You can find out further information about the Commander Environment in the ‘Getting Started with the Commander Environment’ tutorial.

Back to Resource Centre

Share this article on socials