截图如下所示:

 效果如下所示:

源码已上传至专栏群(第一章底部获取)中,感兴趣的自行下载

demo使用介绍

控件自定义属性已经封装出来了,如下图所示:

main.qml如下所示:

import QtQuick 2.14
import QtQuick.Window 2.14
import QtQuick.Extras 1.4
import QtQuick.Layouts 1.14
Window {
    width: 850
    height: 480
    visible: true
    title: qsTr("通用可拖拽表盘 - 诺谦")
    color: "#010101"


    RowLayout {
        anchors.fill: parent
        anchors.margins: 10
        anchors.leftMargin: 50
        spacing: 10
        ColumnLayout {