如何更改QML Dial中的循環進度條？

Question

我在QML撥號組件中更改進度欄顏色時遇到問題。 我嘗試使用Canvas，但最終我什么也沒做。 有什么建議或例子嗎？

Dial {
    value: 0.5
    anchors.horizontalCenter: parent.horizontalCenter
}

黑色進度條

Answer 1

如另一個答案所示，您可以使用選用板，為此您可以檢查源代碼 ，因此解決方案是：

import QtQuick 2.9
import QtQuick.Window 2.2
import QtQuick.Controls 2.5

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

    Dial {
        // @disable-check M17
        palette.dark: "red"
        value: .5
        anchors.centerIn: parent
    }
}

Answer 2

更改項目顏色的另一種方法是ColorOverlay，它具有RGBA支持。

https://doc.qt.io/qt-5/qml-qtgraphicaleffects-coloroverlay.html#details

import QtQuick 2.9
import QtQuick.Window 2.2
import QtQuick.Controls 2.5
import QtGraphicalEffects 1.12

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

    Dial {
        id: dial
        value: .5
        anchors.centerIn: parent
    }

    ColorOverlay {
        anchors.fill: dial
        source: dial
        color: "#80800000"
    }
}