我想使用评价JavaScript命令动态修改我的GUI
我注意到只有在python完成工作后,GUI才会更新。我创建了此示例代码:
基本GUI:
webView = QWebView()
myObj = ExampleClass(webView)
webView.page().mainFrame().addToJavaScriptWindowObject("pyObj", myObj)
webView.setHtml('''
<html>
<body>
<div id="content"></div>
<button onClick="pyObj.example()">start</button>
</body>
</html>
''')
用于更新HTML GUI的Python代码:
class ExampleClass(QtCore.QObject):
def __init__(self, webView):
super(ExampleClass, self).__init__(webView)
self.webView = webView
@QtCore.pyqtSlot()
def example(self):
print("start")
for i in range(0,5):
print(i)
self.webView.page().mainFrame().evaluateJavaScript('document.getElementById("content").innerHTML = "'+str(i)+'";')
time.sleep(1)
#simulation of a heavy code
for a in range(0,999):
for b in range(0,9999):
c = a * b;
目标:按下“开始”按钮后,我希望看到数字0 1 2 3 4依次出现在我的GUI中。当前结果:按下“开始”按钮N秒钟后,什么都没有发生,然后出现数字4]
在一般的GUI框架中,不应有阻止事件循环运行的阻止代码。
如果确实需要,则应使用线程/ Qthread并发送信号以更新GUI
[@gelonida指出,通常的解决方案是使用线程并通过信号通知GUI,因此我的回答提供了可能的实现。
要在线程中实现,必须在顺序任务中重新安排for循环,例如使用迭代器,然后在通过信号完成任务后调用下一个。对于这种情况下的耗时任务,我创建了一个工作人员,该工作人员居住在另一个线程中,必须调用“任务”方法。
import sys
from PyQt5 import QtCore, QtWidgets, QtWebKitWidgets
class Worker(QtCore.QObject):
finished = QtCore.pyqtSignal()
@QtCore.pyqtSlot()
def task(self):
# simulation of a heavy code
for a in range(999):
for b in range(9999):
c = a * b
self.finished.emit()
class ExampleClass(QtCore.QObject):
def __init__(self, webView):
super(ExampleClass, self).__init__(webView)
self.webView = webView
thread = QtCore.QThread(self)
thread.start()
self.m_worker = Worker()
self.m_worker.moveToThread(thread)
self.m_worker.finished.connect(self.execute)
self.m_numbers = None
@QtCore.pyqtSlot()
def example(self):
print("example")
self.m_numbers = iter(range(5))
self.execute()
@QtCore.pyqtSlot()
def execute(self):
if self.m_numbers is None:
return
try:
i = next(self.m_numbers)
except StopIteration:
return
else:
self.webView.page().mainFrame().evaluateJavaScript(
'document.getElementById("content").innerHTML = "{}";'.format(i)
)
QtCore.QTimer.singleShot(1000, self.m_worker.task)
if __name__ == "__main__":
html = """<html>
<body>
<div id="content"></div>
<button onClick="pyObj.example()">start</button>
</body>
</html>"""
app = QtWidgets.QApplication(sys.argv)
view = QtWebKitWidgets.QWebView()
obj = ExampleClass(view)
view.page().mainFrame().addToJavaScriptWindowObject("pyObj", obj)
view.setHtml(html)
view.resize(640, 480)
view.show()
sys.exit(app.exec_())