CircularGauge QML Type

A gauge that displays a value within a range along an arc. More...

• List of all members, including inherited members

Properties

• maximumValue : real
• minimumValue : real
• stepSize : real
• tickmarksVisible : bool
• value : alias

Detailed Description

The CircularGauge is similar to traditional mechanical gauges that use a needle to display a value from some input, such as the speed of a vehicle or air pressure, for example.

The minimum and maximum values displayable by the gauge can be set with the minimumValue and maximumValue properties. The angle at which these values are displayed can be set with the minimumValueAngle and maximumValueAngle properties of CircularGaugeStyle.

Example:

 CircularGauge {
     value: accelerating ? maximumValue : 0
     anchors.centerIn: parent

     property bool accelerating: false

     Keys.onSpacePressed: accelerating = true
     Keys.onReleased: {
         if (event.key === Qt.Key_Space) {
             accelerating = false;
             event.accepted = true;
         }
     }

     Component.onCompleted: forceActiveFocus()

     Behavior on value {
         NumberAnimation {
             duration: 1000
         }
     }
 }

You can create a custom appearance for a CircularGauge by assigning a CircularGaugeStyle.

Property Documentation