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

Posted 2023-02-16

技术标签:

【中文标题】qmlscene 和 Python 之间的不同屏幕：工具栏【英文标题】：Different screen between qmlscene and Python : Toolbar 【发布时间】：2019-08-18 20:14:57 【问题描述】：

当我在 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

【问题讨论】：

我不知道您的目标是什么，但您从未设置工具栏的大小策略。我会将工具栏分配给ApplicationWindow.menuBar 或ApplicationWindow.header 【参考方案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：