QtQuick.qtquick-customitems-dialcontrol-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.

src="https://assets.ubuntu.com/v1/7ed603ea-qml-dialcontrol-example.png" alt="" />

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