QtQuick UI Components: Dial Control Example

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.

Files:

  • customitems/dialcontrol/dialcontrol.qml
  • customitems/dialcontrol/content/Dial.qml
  • customitems/dialcontrol/content/QuitButton.qml
  • customitems/dialcontrol/main.cpp
  • customitems/dialcontrol/dialcontrol.pro
  • customitems/dialcontrol/dialcontrol.qmlproject
  • customitems/dialcontrol/dialcontrol.qrc