Qt Quick - Dial

一、概述

Dial 表盘类似于音响或工业设备上的传统表盘旋钮。它允许用户在一个范围内指定一个值。

像CircularGauge一样，Dial可以显示刻度来指示当前值。当一个合适的步长与tickmarkStepSize相结合时，表盘就会“扣”到每个tickmark上。也就是每次调整一个步进长度。

对了，这个Dial 其实也是另外的一个模块里的QML类型，不是qquick ctrol 里的，是QtQuick.Extras 里的内容。

二、使用

一个简单的使用就是上面的一个绑定简单例子

import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Layouts 1.3
import QtQuick.Controls 2.5
import QtQuick.Extras 1.4

Window {
    
    
    id: window
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    Dial{
    
    
        id: dial
        x: 233
        y: 167
        anchors.verticalCenter: parent.verticalCenter
        anchors.horizontalCenter: parent.horizontalCenter
        maximumValue: 100
        minimumValue: 0

        stepSize: 1
    }

    Label {
    
    
        id: label
        x: 245
        y: 308
        text: qsTr("转盘值：")
        anchors.horizontalCenterOffset: -24
        anchors.horizontalCenter: parent.horizontalCenter
        horizontalAlignment: Text.AlignHCenter

        Label {
    
    
            id: label1
            x: 53
            y: 2
            width: 30
            height: 9
            text: dial.value
            horizontalAlignment: Text.AlignHCenter
        }
    }
}