按下鼠标时不更新QML图像源

Question

我有ImageButton.qml，当用户按住按钮时，它应该更改图像。

import QtQuick 2.0

Image {
    id: svg

    property string idleImage
    property string hoverImage

    signal clicked

    state: "idle"

    source: state === "idle" ? idleImage : hoverImage

    onSourceChanged: {
        console.log("source = " + source)
    }

    MouseArea {
        id: mouseArea
        anchors.fill: parent
        acceptedButtons: Qt.LeftButton

        onPressedChanged: {
            svg.state = pressed ? "hover" : "idle"
        }

        onClicked: svg.clicked()
    }
}

但图像不会立即更改。只有当我按住按钮几秒钟时它才会改变。当我立即按下并释放鼠标按钮时，我从未看到悬停图像。 onSourceChanged立即执行并输出到控制台右侧图像源。这个奇怪的错误只有在我使用QQuickWidget时才会发生。当我不使用小部件时，只有qml只能按预期工作。

Answer 1

我发现了这个问题。我在MainWindow中使用QOpenGLWidget。我在paintGL中调用了update方法。

void Workspace::paintGL() {
    QOpenGLWidget::paintGL();
    workspaceDrawer.draw();
    update();
}

我用计时器替换了更新调用，每1000/60毫秒运行一次。 这个问题消失了。奇怪的是，它仅在按下鼠标按钮时才会被复制，否则所有内容都会正确更新。