.. DO NOT EDIT.
.. THIS FILE WAS AUTOMATICALLY GENERATED BY SPHINX-GALLERY.
.. TO MAKE CHANGES, EDIT THE SOURCE PYTHON FILE:
.. "_gallery/other/integration_qt.py"
.. LINE NUMBERS ARE GIVEN BELOW.

.. only:: html

    .. note::
        :class: sphx-glr-download-link-note

        :ref:`Go to the end <sphx_glr_download__gallery_other_integration_qt.py>`
        to download the full example code.

.. rst-class:: sphx-glr-example-title

.. _sphx_glr__gallery_other_integration_qt.py:


Integrate Pygfx in Qt
=====================

Note how we use ``QRenderWidget`` instead of ``RenderCanvas``. The former
is inteded to be embedded in an application, the latter is meant as a toplevel window.

Importing from ``rendercanvas.qt`` will automatically use the appropriate
Qt library, based on which one is currently imported.

.. GENERATED FROM PYTHON SOURCE LINES 11-65

.. code-block:: Python



    import random

    from PySide6 import QtWidgets
    from rendercanvas.qt import QRenderWidget

    import pygfx as gfx


    class Main(QtWidgets.QWidget):
        def __init__(self):
            super().__init__(None)
            self.resize(640, 480)

            # Creat button and hook it up
            self._button = QtWidgets.QPushButton("Add a line", self)
            self._button.clicked.connect(self._on_button_click)

            # Create canvas, renderer and a scene object
            self._canvas = QRenderWidget(parent=self)
            self._renderer = gfx.WgpuRenderer(self._canvas)
            self._scene = gfx.Scene()
            self._camera = gfx.OrthographicCamera(110, 110)

            # Hook up the animate callback
            self._canvas.request_draw(self.animate)

            layout = QtWidgets.QHBoxLayout()
            self.setLayout(layout)
            layout.addWidget(self._button)
            layout.addWidget(self._canvas)

        def _on_button_click(self):
            positions = [
                [random.uniform(-50, 50), random.uniform(-50, 50), 0] for i in range(8)
            ]
            line = gfx.Line(
                gfx.Geometry(positions=positions), gfx.LineMaterial(thickness=3)
            )
            self._scene.add(line)
            self._canvas.update()

        def animate(self):
            self._renderer.render(self._scene, self._camera)


    app = QtWidgets.QApplication([])
    m = Main()
    m.show()


    if __name__ == "__main__":
        app.exec()


.. _sphx_glr_download__gallery_other_integration_qt.py:

.. only:: html

  .. container:: sphx-glr-footer sphx-glr-footer-example

    .. container:: sphx-glr-download sphx-glr-download-jupyter

      :download:`Download Jupyter notebook: integration_qt.ipynb <integration_qt.ipynb>`

    .. container:: sphx-glr-download sphx-glr-download-python

      :download:`Download Python source code: integration_qt.py <integration_qt.py>`

    .. container:: sphx-glr-download sphx-glr-download-zip

      :download:`Download zipped: integration_qt.zip <integration_qt.zip>`


.. only:: html

 .. rst-class:: sphx-glr-signature

    `Gallery generated by Sphinx-Gallery <https://sphinx-gallery.github.io>`_

.. only:: html

    Interactive example
    -------------------

    Try this example in your browser using Pyodide. Might not work with all examples and all devices. Check the output and your browser's console for details.

    .. raw:: html

        <iframe src="./../pyodide.html#integration_qt.py"></iframe>