UI Components: Dial Control Example

Dial Control Example shows how to create a speedometer-type dial

The Dial Control Example shows how to create a speedometer-type dial.

This example shows how to create a dial-type control. It combines Image elements with Rotation transforms and SpringAnimation behaviors to produce an interactive speedometer-type dial.

dialcontrol.qml Example File

Dial.qml Example File

QuitButton.qml Example File

main.cpp Example File

dialcontrol.pro Example File

dialcontrol.qmlproject Example File

dialcontrol.qrc Example File

background.png Image File

needle.png Image File

needle_shadow.png Image File

overlay.png Image File

quit.png Image File