Add Qt+asyncio example

examples/gui_qt.py

@@ -35,15 +35,3 @@ def animate():
 
 # Enter Qt event loop (compatible with qt5/qt6)
 app.exec() if hasattr(app, "exec") else app.exec_()
-
-
-# For those interested, this is a simple way to integrate Qt's event
-# loop with asyncio, but for real apps you probably want to use
-# something like the qasync library.
-# async def mainloop():
-#     await main_async(canvas)
-#     while not canvas.is_closed():
-#         await asyncio.sleep(0.001)
-#         app.flush()
-#         app.processEvents()
-#     loop.stop()

examples/gui_qt_asyncio.py

@@ -0,0 +1,67 @@
+"""
+An example demonstrating a qt app with a wgpu viz inside.
+
+This is the same as the ``gui_qt_embed.py`` example, except this uses
+the asyncio compatible mode that was introduced in Pyside 6.6.
+"""
+
+# ruff: noqa: N802
+# run_example = false
+
+import time
+import asyncio
+
+from PySide6 import QtWidgets, QtAsyncio
+from wgpu.gui.qt import WgpuWidget
+from triangle import setup_drawing_sync
+
+
+class ExampleWidget(QtWidgets.QWidget):
+    def __init__(self):
+        super().__init__()
+        self.resize(640, 480)
+        self.setWindowTitle("wgpu triangle embedded in a qt app")
+
+        splitter = QtWidgets.QSplitter()
+
+        self.button = QtWidgets.QPushButton("Hello world", self)
+        self.canvas = WgpuWidget(splitter)
+        self.output = QtWidgets.QTextEdit(splitter)
+
+        # self.button.clicked.connect(self.whenButtonClicked)
+        self.button.clicked.connect(
+            lambda: asyncio.ensure_future(self.whenButtonClicked())
+        )
+
+        splitter.addWidget(
+            self.canvas,
+        )
+        splitter.addWidget(self.output)
+        splitter.setSizes([400, 300])
+
+        layout = QtWidgets.QHBoxLayout()
+        layout.addWidget(self.button, 0)
+        layout.addWidget(splitter, 1)
+        self.setLayout(layout)
+
+        self.show()
+
+    def addLine(self, line):
+        t = self.output.toPlainText()
+        t += "\n" + line
+        self.output.setPlainText(t)
+
+    async def whenButtonClicked(self):
+        self.addLine("Waiting 1 sec ...")
+        await asyncio.sleep(1)
+        self.addLine(f"Clicked at {time.time():0.1f}")
+
+
+app = QtWidgets.QApplication([])
+example = ExampleWidget()
+
+draw_frame = setup_drawing_sync(example.canvas)
+example.canvas.request_draw(draw_frame)
+
+# Enter Qt event loop the asyncio-compatible way
+QtAsyncio.run()

examples/gui_qt_embed.py

@@ -4,10 +4,14 @@
 
 """
 
+# ruff: noqa: N802
 # run_example = false
 
+import time
 import importlib
 
+from triangle import setup_drawing_sync
+
 # For the sake of making this example Just Work, we try multiple QT libs
 for lib in ("PySide6", "PyQt6", "PySide2", "PyQt5"):
     try:
@@ -16,11 +20,8 @@
     except ModuleNotFoundError:
         pass
 
-
 from wgpu.gui.qt import WgpuWidget  # noqa: E402
 
-from triangle import setup_drawing_sync  # noqa: E402
-
 
 class ExampleWidget(QtWidgets.QWidget):
     def __init__(self):
@@ -31,11 +32,16 @@ def __init__(self):
         splitter = QtWidgets.QSplitter()
 
         self.button = QtWidgets.QPushButton("Hello world", self)
-        self.canvas1 = WgpuWidget(splitter)
-        self.canvas2 = WgpuWidget(splitter)
+        self.canvas = WgpuWidget(splitter)
+        self.output = QtWidgets.QTextEdit(splitter)
+
+        self.button.clicked.connect(self.whenButtonClicked)
 
-        splitter.addWidget(self.canvas1)
-        splitter.addWidget(self.canvas2)
+        splitter.addWidget(
+            self.canvas,
+        )
+        splitter.addWidget(self.output)
+        splitter.setSizes([400, 300])
 
         layout = QtWidgets.QHBoxLayout()
         layout.addWidget(self.button, 0)
@@ -44,15 +50,20 @@ def __init__(self):
 
         self.show()
 
+    def addLine(self, line):
+        t = self.output.toPlainText()
+        t += "\n" + line
+        self.output.setPlainText(t)
+
+    def whenButtonClicked(self):
+        self.addLine(f"Clicked at {time.time():0.1f}")
+
 
 app = QtWidgets.QApplication([])
 example = ExampleWidget()
 
-draw_frame1 = setup_drawing_sync(example.canvas1)
-draw_frame2 = setup_drawing_sync(example.canvas2)
-
-example.canvas1.request_draw(draw_frame1)
-example.canvas2.request_draw(draw_frame2)
+draw_frame = setup_drawing_sync(example.canvas)
+example.canvas.request_draw(draw_frame)
 
 # Enter Qt event loop (compatible with qt5/qt6)
 app.exec() if hasattr(app, "exec") else app.exec_()