python - qmlscene 和 Python 之间的不同屏幕 : Toolbar

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

分析 source code qmlscene 并使用 --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_())

---

根据 the docs Qt 快速控件 1:

Note: We are using QApplication and not QGuiApplication in this example. Though you can use QGuiApplication instead, doing this will eliminate platform-dependent styling. This is because it is relying on the widget module to provide the native look and feel.

所以看起来图标的缩放是平台风格的一部分。

---

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

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

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

• Qt Widgets Application:QApplication 是必需的，因为 QWidgets 使用每个平台的样式。

---

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

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

---

结论:

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

• 如果您的目标是您的应用程序的风格除了想要更高的性能之外还不尊重桌面的风格，您应该将 QQC2 与 QGuiApplication 一起使用。