QML Spedometer Element
A meter that has a rotating needle. More...
Properties
Detailed Description
The Spedometer type provides a visual meter that is styled using images.
Here is a simple Spedometer:
import QtQuick 1.1
import "components"
Spedometer {
id: spedometer1
width: 210
height: 210
needleImage: "images/needle.png"
overlayImageHeight: 105
min: 0
needleImageHeight: 63
overlayImage: "images/overlay.png"
value: 20
needleImageWidth: 8
max: 120
needleRotationY: 65
needleRotationX: 5
maxAngle: 133
overlayY: 18
overlayImageWidth: 148
overlayX: 21
needleY: 33
needleX: 98
backgroundImage: "images/meterbackground.png"
onValueChanged: console.debug(value);
}
Property Documentation
The source image for the spedometer's background.
The height of the spedometer, usually the height of the background image.
The maximum value for the meter.
The maximum angle the needle can rotate.
The minimum value for the meter.
The minimum angle the needle can rotate.
The source image for the spedometer's needle image.
The height of the needle image.
The width of the needle image.
The x position of the needle image that the needle will rotate through.
The y position of the needle image that the needle will rotate through.
The x position of the needle image.
The y position of the needle image.
The source image for the spedometer's overlay image.
The height of the overlay image.
The width of the overlay image.
The x position of the overlay image.
The y position of the overlay image.
The current value for the meter.
The width of the spedometer, usually the width of the background image.