python - QML:为图像设置“源”属性会导致它消失
问题描述
我想要做的是在 PyQt5 中使用 QML 更新图像的源。当我使用element.setProperty("source", "./testImage.png")
更改图像时,我收到以下错误消息。
QML 图像:协议“”未知
关于如何解决这个问题的任何想法?
我已经研究了与 QML 元素交互的其他方式,如果可能的话,我想坚持通过 Python 代码而不是仅仅通过 QML 来更改图像。
主文件
from PyQt5.QtWidgets import *
from PyQt5.QtQml import *
from PyQt5.QtCore import *
from PyQt5.QtQuick import *
from PyQt5 import *
import sys
import resource_rc
class MainWindow(QQmlApplicationEngine):
def __init__(self):
super().__init__()
self.load("main.qml")
self.rootContext().setContextProperty("MainWindow", self)
self.window = self.rootObjects()[0]
self.cardLeft = self.window.findChild(QObject, "cardLeft")
@pyqtSlot()
def changeImage(self):
self.cardLeft.setProperty("source", "./images/3_of_clubs.png")
if __name__ == '__main__':
app = QApplication(sys.argv)
window = MainWindow()
sys.exit(app.exec_())
main.qml
import QtQml 2.11
import QtQuick 2.3
import QtQuick.Controls 2.1
import QtQuick.Window 2.2
import QtQuick.Controls.Material 2.1
import QtQuick.Layouts 1.11
ApplicationWindow{
id: screen
width: 720
height: 490
visible: true
Material.theme: Material.Dark
Item {
id: cards
width: parent.width
height: parent.height - toolBar.height
anchors {
top: parent.top;
bottom: toolBar.top;
bottomMargin: 10
}
RowLayout {
anchors.fill: parent
spacing: 20
Image {
objectName: "cardLeft"
id: cardLeft
Layout.fillWidth: true
Layout.maximumHeight: 250
Layout.minimumHeight: parent.height
Layout.margins: 20
source: "./testImage.png"
fillMode: Image.PreserveAspectFit
}
}
}
Button {
Layout.alignment: Qt.AlignHCenter
Layout.fillWidth: true
Layout.fillHeight: true
Layout.maximumHeight: 100
Layout.maximumWidth: 300
Layout.margins: 20
text: qsTr("Change Image")
highlighted: true
Material.accent: Material.color(Material.LightGreen)
onClicked: MainWindow.changeImage()
}
}
解决方案
你必须通过一个QUrl
你必须使用的QUrl::fromLocalFile()
:
import os
import sys
from PyQt5 import QtCore, QtGui, QtQml
# import resource_rc
dir_path = os.path.dirname(os.path.realpath(__file__))
class MainWindow(QtQml.QQmlApplicationEngine):
def __init__(self):
super().__init__()
self.load(QtCore.QUrl.fromLocalFile(os.path.join(dir_path, "main.qml")))
self.rootContext().setContextProperty("MainWindow", self)
if self.rootObjects():
self.window = self.rootObjects()[0]
self.cardLeft = self.window.findChild(QtCore.QObject, "cardLeft")
@QtCore.pyqtSlot()
def changeImage(self):
if self.cardLeft:
url = QtCore.QUrl.fromLocalFile(os.path.join(dir_path, "images/3_of_clubs.png"))
self.cardLeft.setProperty("source", url)
if __name__ == '__main__':
app = QtGui.QGuiApplication(sys.argv)
window = MainWindow()
sys.exit(app.exec_())
推荐阅读
- typescript - Typescript、Azure 函数、Axios - 从文件中发布 FormData
- openvino - 无法运行 OpenVINO 演示
- python - 如何查找和打印彩票统计的最不频繁值?
- ruby-on-rails - 安装包有问题
- c++ - 在预处理器指令 C++ 中使用比较运算符
- ios - 如何获取通过 Xcode 运行的进程的 pid?
- python - pywintypes.com_error 将 word doc 保存为 pdf python pywin32
- android - MultiProvider 必须指定一个子 'package:provider/src/inherited_provider.dart':断言失败:'builder != null || 孩子!= null'
- jdbc - 将 Anylogic 8.6 连接到 redshift 数据库
- javascript - ReactJS:未捕获的 ReferenceError:[变量] 未定义