qmlscene 和 Python 之间的不同屏幕：工具栏

Question

当我在 PyQt5 中使用 qml 文件时，工具栏出现问题。结果不是看起来：鼠标悬停时没有背景图像，图像没有自动调整大小。

我想知道这是否正常。 我该怎么做才能使用 PyQt5 获得相同的结果

qmlscene 的结果：

Python 的结果：

感谢您的帮助。

文件：_test.py

from PyQt5.QtCore import (
    pyqtProperty,
    pyqtSignal,
    pyqtSlot,
    QAbstractListModel,
    QModelIndex,
    QObject,
    Qt,
    QTimer,

)
from PyQt5.QtGui import QGuiApplication
from PyQt5.QtQml import QQmlApplicationEngine
from PyQt5.QtQuick import QQuickView


class MainWindow(QObject):

    def __init__(self, parent=None):
        super().__init__(parent)



if __name__ == "__main__":
    import sys

    app = QGuiApplication(sys.argv) 
    engine = QQmlApplicationEngine()
    engine.quit.connect(app.quit)
    main_window = MainWindow()
    engine.load("_test.qml")
    if not engine.rootObjects():
        sys.exit(app.exec_())

    sys.exit(app.exec())

文件：_test.qml

import QtQuick 2.4
import QtQuick.Layouts 1.1
import QtQuick.Controls 1.3
import QtQuick.Controls.Styles 1.3

ApplicationWindow {
    width: 500
    height: 200
    visible: true

    ToolBar {
        Layout.fillWidth: true

        RowLayout {
            anchors.fill: parent


            ToolButton {
                //width: parent.height
                anchors.margins: 4                  
                iconSource: "ico/abacus.png"
            }

            ToolButton {
                width: parent.height
                Image {
                    source: "ico/quitter.png"
                    anchors.fill: parent
                    anchors.margins: 4
                }                   
            }

            ToolButton {
                width: parent.height
                iconSource: "ico/start.png"
                anchors.margins: 4
            }

            ToolButton {
                width: parent.height
                Image {
                    source: "ico/stop.png"
                    anchors.fill: parent
                    anchors.margins: 4
                }                   
            }
        }
    }
}

Answer 1

分析 qmlscene 的 source code 并使用 --apptype 选项进行测试，我得到以下信息：

qmlscene _test.qml --apptype gui

qmlscene _test.qml --apptype widgets

所以分析根本区别在于使用的是 QApplicacion 而不是 QGuiApplication，所以在内部它应该激活一些缩放图标的标志。

综合以上，解决办法是：

from PyQt5.QtCore import QUrl
from PyQt5.QtWidgets import QApplication
from PyQt5.QtQml import QQmlApplicationEngine


if __name__ == "__main__":
    import os
    import sys

    app = QApplication(sys.argv)

    engine = QQmlApplicationEngine()
    current_dir = os.path.dirname(os.path.realpath(__file__))
    file = os.path.join(current_dir, "_test.qml")
    engine.load(QUrl.fromLocalFile(file))
    if not engine.rootObjects():
        sys.exit(-1)
    sys.exit(app.exec_())

---

根据Qt Quick Controls 1的the docs：

注意：我们在这里使用的是 QApplication 而不是 QGuiApplication 例子。虽然您可以改用 QGuiApplication，但这样做会 消除依赖于平台的样式。这是因为它依赖于 提供原生外观的小部件模块。

所以图标的缩放似乎是平台风格的一部分。

---

每种类型的项目都需要一个 QXApplication：

• 控制台应用程序：您可以使用 3 种类型的 QXApplication 中的任何一种，但使用 QCoreApplication 是最理想的，因为其他 QXApplication 要求它们具有窗口系统，在这种情况下，这是不必要的要求。

• QML Application：至少需要一个QGuiApplication，但某些如需要使用各个平台的样式则需要使用QApplication。

• Qt Widgets 应用程序：QApplication 是必要的，因为 QWidgets 使用每个平台的样式。

---

大小变化的事实，这是 QtQuick.Controls 1 的问题吗？

是的，QQC1 和 QQC2 之间的主要区别之一是第一个是为支持桌面平台而开发的，因此您可以使用样式，而第二个是为主要目标是性能的嵌入式系统而设计的。更多信息请阅读Differences with Qt Quick Controls 1

---

结论：

• 如果您希望使用 QML 制作的 GUI 尊重您桌面平台的样式，那么您必须将 QQC1 与 QApplication 一起使用。

• 如果您的目标是您的应用程序的样式不尊重桌面的样式，除了想要更高的性能，您应该使用 QQC2 和 QGuiApplication。