三三
实现逻辑和代码的分离,先在designer中用容器占位,随后在实例化UI中添加QWebEngineView控件,这样子可以实现动态修改。
其实用pyuic转化好之后,直接在转化之后的代码中修改也行,但是经过我的实测发现,QWebEngineView在使用setHtml时,会造成内存泄露,因此需要销毁重建,于是产生了此贴
一、在qtdesigner中设计好界面
二、使用pyuic将ui文件转化为py文件,
designer中为容器加布局是点击layout,往QFrame中拖,转化之后的代码如下(我稍微动手改了一下,删了一个layout,反正大致原理如下,把边距都设为0,designer里都能改):
import sys
from PyQt5 import QtCore, QtGui, QtWidgets
from PyQt5.QtWebEngineWidgets import QWebEngineView
from PyQt5.QtWidgets import QApplication
class Ui_Form(object):
def setupUi(self, Form):
Form.setObjectName("Form")
Form.resize(664, 609)
# 在QT设计师中使用QFrame占位
self.frame = QtWidgets.QFrame(Form)
self.frame.setGeometry(QtCore.QRect(90, 100, 441, 371))
self.frame.setFrameShape(QtWidgets.QFrame.StyledPanel)
self.frame.setFrameShadow(QtWidgets.QFrame.Raised)
self.frame.setObjectName("frame")
# 在QFrame上创建垂直布局
self.horizontalLayout = QtWidgets.QHBoxLayout(self.frame)
self.horizontalLayout.setContentsMargins(0, 0, 0, 0)
self.horizontalLayout.setSpacing(0)
self.horizontalLayout.setObjectName("horizontalLayout")
self.retranslateUi(Form)
QtCore.QMetaObject.connectSlotsByName(Form)
def retranslateUi(self, Form):
_translate = QtCore.QCoreApplication.translate
Form.setWindowTitle(_translate("Form", "Form"))
三、单继承实例化UI,并加入逻辑代码
if __name__ == '__main__':
class MyWindow(QtWidgets.QWidget):
def __init__(self):
super(MyWindow, self).__init__()
# 实例化UI
self.UI = Ui_Form()
self.UI.setupUi(self) # def setupUi(self, Form),现在self是QtWidgets.QWidget,对应传至形参Form
# 逻辑代码
self.UI.webHolder = QWebEngineView(self.UI.frame)
self.UI.webHolder.setHtml('<div>hello world</div>')
self.UI.horizontalLayout.addWidget(self.UI.webHolder)
def reset_web(self):
"""之后更新qwebengineview界面"""
self.UI.webHolder.deleteLater() # 每次设置新内容最好销毁一下,不然会内存泄露,无限变大
self.UI.webHolder = QWebEngineView(self.UI.frame)
self.UI.webHolder.setHtml('<div>新网页</div>')
self.UI.horizontalLayout.addWidget(self.UI.webHolder)
app = QApplication(sys.argv)
mywindow = MyWindow()
mywindow.show()
sys.exit(app.exec_())