PySide 将 HTML 中的按钮连接到 PySide 插槽

Question

是否可以在 PySide 中使用 Web 类之一来加载包含按钮的本地 html/JS 文件，并将这些按钮连接到 PySide 插槽？

Answer 1

您可以使用 QtWebKit 将 QObject 导出到 JavaScript 上下文，然后从 JavaScript 投射信号，如下例所示：

├── index.html
└── main.py

main.py

import os

from PySide import QtCore, QtGui, QtWebKit

CURRENT_DIR = os.path.dirname(os.path.realpath(__file__))


class ClickListener(QtCore.QObject):
    clicked = QtCore.pyqtSignal()


if __name__ == "__main__":
    import sys

    app = QtGui.QApplication(sys.argv)

    listener = ClickListener()

    listener.clicked.connect(lambda: print("clicked"))

    filename = os.path.join(CURRENT_DIR, "index.html")

    w = QtWebKit.QWebView()
    w.page().mainFrame().addToJavaScriptWindowObject("qt_clicked_listener", listener)
    w.load(QtCore.QUrl.fromLocalFile(filename))

    w.show()

    sys.exit(app.exec_())

index.html

<!DOCTYPE html>
<html>
<body>
    <button id="myBtn">Click me</button>
    <script>
        document.getElementById("myBtn").addEventListener("click", function() {
            qt_clicked_listener.clicked();
        });
    </script>

</body>
</html>

PySide 将 HTML 中的按钮连接到 PySide 插槽

PySide connect a button in HTML to a PySide slot

javascript

python

html

pyside