1

我正在自学如何使用 PyQt5 在 python 中编写 UI。我想做的一件事是获取与我的应用程序保存在同一文件夹中的 html 文档并显示其内容。看起来 QTextBrowser 是加载/显示 html 文档的正确小部件，但我无法弄清楚要使用什么命令以及如何使用它。如果这是一个愚蠢的问题，我很抱歉，但我对 Python 和 UI 编码仍然是新手，所以我无法理解文档以及我做错了什么。

QTextBrowser 的文档提到了加载文档的方法的 QUrl、setSource 和 source。我已经尝试将我的 html 文档的名称放入其中，但它们都不起作用。userSet 是根据用户输入确定的数据集，用户输入和数据生成工作正常，因为我能够使用 QTableView 小部件显示数据表。

import sys
from PyQt5 import QtCore, QtGui, uic, QtWidgets
from PyQt5.QtWidgets import QApplication, QWidget, QPushButton, QMessageBox, QTableWidget, QTableWidgetItem

class MyApp(QtWidgets.QMainWindow, Ui_MainWindow):
    def __init__(self):
        QtWidgets.QMainWindow.__init__(self)
        Ui_MainWindow.__init__(self)
        self.setupUi(self)
        self.submitButton.clicked.connect(self.handleInput)
        self.htmlView = QtWidgets.QTextBrowser(self)

    def handleInput(self):
        #Display Hexbin
        p = figure(plot_width = 300, plot_height = 300)
        p.hexbin(userSet.day, userSet.score, size = 1)
        html = output_file("userHexbin.html")
        save(p)
        self.oLayout.addWidget(self.htmlView)
        self.htmlView.source("userHexbin.html")

我希望应用程序显示我在 userHexbin.html 中保存的 hexbin 图，但出现以下错误 - TypeError: source(self): too many arguments。我不知道我应该把我的文件名放在哪里。

编辑：

from bokeh.plotting import figure, output_file, show, save
from bokeh.resources import CDN
import pandas as pd
import sys
from PyQt5 import QtCore, QtGui, uic, QtWidgets
from PyQt5.QtWidgets import *
app = QApplication([])
button = QPushButton('Submit')
def on_button_clicked():
    p = figure(plot_width = 300, plot_height = 300)
    data = {'Day':[0, 1, 2, 3, 0, 1], 'Num':[0, 0, 1, 1, 2, 3]}
    df = pd.DataFrame(data)
    p.hexbin(df.Day, df.Num, size = .5) 
    html = output_file("test.html")
    save(p)
    output = QTextBrowser()
    output.setSource(QtCore.QUrl.fromLocalFile("test.html"))

button.clicked.connect(on_button_clicked)
button.show()
app.exec_()
4

1 回答 1

3

Qt 有命名其方法的约定：

  • 吸气剂：property()
  • 二传手：setProperty()

在您的情况下，source()是您不想要的吸气剂，您必须使用setSource().

另一方面setSource()需要 aQUrl所以你必须从使用的路径转换QUrl.fromLocalFile(...)。

self.htmlView.setSource(QtCore.QUrl.fromLocalFile("userHexbin.html"))

QTextBrowser 不支持 javascript，所以它不是正确的小部件来显示它，在这种情况下，我建议使用 QWebEngineView （安装它使用pip install PyQtWebEngine），也不需要创建文件，您可以直接加载它：

import pandas as pd
from bokeh import plotting, embed, resources
from PyQt5 import QtCore, QtWidgets, QtWebEngineWidgets


class Widget(QtWidgets.QWidget):
    def __init__(self, parent=None):
        super(Widget, self).__init__(parent)

        button = QtWidgets.QPushButton("Submit")
        self.m_output = QtWebEngineWidgets.QWebEngineView()

        button.clicked.connect(self.on_button_clicked)

        lay = QtWidgets.QVBoxLayout(self)
        lay.addWidget(button)
        lay.addWidget(self.m_output)
        self.resize(640, 480)

    @QtCore.pyqtSlot()
    def on_button_clicked(self):
        p = plotting.figure(plot_width=300, plot_height=300)
        data = {"Day": [0, 1, 2, 3, 0, 1], "Num": [0, 0, 1, 1, 2, 3]}
        df = pd.DataFrame(data)
        p.hexbin(df.Day, df.Num, size=0.5)
        html = embed.file_html(p, resources.CDN, "my plot")
        self.m_output.setHtml(html)


if __name__ == "__main__":
    import sys

    app = QtWidgets.QApplication(sys.argv)

    w = Widget()
    w.show()

    sys.exit(app.exec_())

在此处输入图像描述

于 2019-06-14T20:40:36.567 回答