• Edit
• History
• Print
• Download (.HTML)
• PDF

StepByStepGuideToDesigningASimpleOverlay / CreatingASpeedometer

Creating a Speedometer

Speedometer gauge consists of 4 controls:

Speedometer in design mode		Speedometer in preview mode

1. Adding image needle and the background

Please download following two images. Then add two bitmap controls and configure them as follows:

• ImageNeedle.png
• SpeedometerBackground.png
• Bitmap Control 1
  • Image file: ImageNeedle.png
  • Position Left: 893
  • Position Top: 906
  • Rotate angle: -30#VAR_0015/(260/210)-30
  • Z-Order: Top

• Bitmap Control 2
  • Image file: SpeedometerBackground.png
  • Position Left: 852
  • Position Top: 762
  • Z-Order: Bottom

2. Displaying the speed with the unit

• Alignment: Right
• Right: 1075
• Top: 941
• Font: RTFONT_32
• Decimal places: 0
• No of digits: 3
• Display variable
  • Variable: 200#VAR_0015
• Text colour
  • Colour: 16777215

3. Displaying the unit text

• Right: 1052
• Top: 998
• Text: mph
• Font: RTFONT_24
• Alignment: Right
• Text
  • Colour: 14671839