.. _sphx_glr_11_demos_itom_ui:

.. _gallery_ui_label:

User interface
~~~~~~~~~~~~~~



.. raw:: html

    <div class="sphx-glr-thumbnails">

.. thumbnail-parent-div-open

.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The dialog is created from a QDialog, designed in QtDesigner. The dialog already has OK and Cancel buttons whose clicked signal is connected with the accept and reject slot of the dialog. If you show the dialog in a modal way, you can then obtain the result (if OK or Cancel has been clicked). Use deleteOnClose=true such in order to close the dialog once the user pressed OK or Cancel.">

.. only:: html

  .. image:: /11_demos/itom/ui/images/thumb/sphx_glr_demoDialogExamples_thumb.png
    :alt:

  :ref:`sphx_glr_11_demos_itom_ui_demoDialogExamples.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Dialog</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Property dialog">

.. only:: html

  .. image:: /11_demos/itom/ui/images/thumb/sphx_glr_demoPropertyDialog_thumb.png
    :alt:

  :ref:`sphx_glr_11_demos_itom_ui_demoPropertyDialog.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Property dialog</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This script shows an example how to integrate the user interface simpleExample.ui into itom, connect it with the necessary methods and show it.">

.. only:: html

  .. image:: /11_demos/itom/ui/images/thumb/sphx_glr_demoSimpleExample_thumb.png
    :alt:

  :ref:`sphx_glr_11_demos_itom_ui_demoSimpleExample.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Simple UI</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Motor axis controller">

.. only:: html

  .. image:: /11_demos/itom/ui/images/thumb/sphx_glr_demo_MotorAxisController_thumb.png
    :alt:

  :ref:`sphx_glr_11_demos_itom_ui_demo_MotorAxisController.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Motor axis controller</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This script shows how the itom.progressObserver is used to observe and report the progress of functions.">

.. only:: html

  .. image:: /11_demos/itom/ui/images/thumb/sphx_glr_demo_algoCancelAndProgressWidget_thumb.png
    :alt:

  :ref:`sphx_glr_11_demos_itom_ui_demo_algoCancelAndProgressWidget.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Algorithm cancel and progress widget</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo shows how to use the auto-connection feature for automatically connecting signals from widgets to methods.">

.. only:: html

  .. image:: /11_demos/itom/ui/images/thumb/sphx_glr_demo_autoConnect_thumb.png
    :alt:

  :ref:`sphx_glr_11_demos_itom_ui_demo_autoConnect.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Auto connect signals</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Camera widget">

.. only:: html

  .. image:: /11_demos/itom/ui/images/thumb/sphx_glr_demo_cameraWindow_thumb.png
    :alt:

  :ref:`sphx_glr_11_demos_itom_ui_demo_cameraWindow.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Camera widget</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Cloud viewer">

.. only:: html

  .. image:: /11_demos/itom/ui/images/thumb/sphx_glr_demo_cloudViewer_thumb.png
    :alt:

  :ref:`sphx_glr_11_demos_itom_ui_demo_cloudViewer.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Cloud viewer</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Dataobject table">

.. only:: html

  .. image:: /11_demos/itom/ui/images/thumb/sphx_glr_demo_dataObjectTable_thumb.png
    :alt:

  :ref:`sphx_glr_11_demos_itom_ui_demo_dataObjectTable.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Dataobject table</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Create a dockWidget form the main window at the bottom dock widget area The dock widget can be destroyed by deleting the variable, that references to it.">

.. only:: html

  .. image:: /11_demos/itom/ui/images/thumb/sphx_glr_demo_dockWidgetExamples_thumb.png
    :alt:

  :ref:`sphx_glr_11_demos_itom_ui_demo_dockWidgetExamples.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Dockwidget</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This script shows how to use embedded static line plots in itom in a single GUI. The z-slicing tool will display its line output in a 1D line plot below the 2D plot (becomes visible then). The line cut tool will open a new 1D line plot.">

.. only:: html

  .. image:: /11_demos/itom/ui/images/thumb/sphx_glr_demo_embedded2DLinePlot_thumb.png
    :alt:

  :ref:`sphx_glr_11_demos_itom_ui_demo_embedded2DLinePlot.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Embedded plots</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="In this example, all icons are loaded in the UI file as relative path to the icons in this or the icons subfolder.">

.. only:: html

  .. image:: /11_demos/itom/ui/images/thumb/sphx_glr_demo_gui_icons_images_thumb.png
    :alt:

  :ref:`sphx_glr_11_demos_itom_ui_demo_gui_icons_images.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">GUI icons as images</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstration to show a ui file, that contains icons from a qrc / rcc resource file.">

.. only:: html

  .. image:: /11_demos/itom/ui/images/thumb/sphx_glr_demo_gui_with_icons_from_resource_thumb.png
    :alt:

  :ref:`sphx_glr_11_demos_itom_ui_demo_gui_with_icons_from_resource.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">GUI icons from resources</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Interrupt">

.. only:: html

  .. image:: /11_demos/itom/ui/images/thumb/sphx_glr_demo_interrupt_thumb.png
    :alt:

  :ref:`sphx_glr_11_demos_itom_ui_demo_interrupt.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Interrupt</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demo to show how to create a user interface in an object oriented approach.">

.. only:: html

  .. image:: /11_demos/itom/ui/images/thumb/sphx_glr_demo_itomUiClass_thumb.png
    :alt:

  :ref:`sphx_glr_11_demos_itom_ui_demo_itomUiClass.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">ItomUI class</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo shows how to use the auto-connection feature for automatically connecting signals from widgets to methods.">

.. only:: html

  .. image:: /11_demos/itom/ui/images/thumb/sphx_glr_demo_listWidget_thumb.png
    :alt:

  :ref:`sphx_glr_11_demos_itom_ui_demo_listWidget.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">List widget</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo shows how to use a customized progressObserver to observer and possibly cancel multiple &#x27;complex&#x27; function calls, that are executed in parallel in four different background threads.">

.. only:: html

  .. image:: /11_demos/itom/ui/images/thumb/sphx_glr_demo_observedParallelFunctions_thumb.png
    :alt:

  :ref:`sphx_glr_11_demos_itom_ui_demo_observedParallelFunctions.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Observe parallel functions</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows the usage of the generic ParamEditorWidget.">

.. only:: html

  .. image:: /11_demos/itom/ui/images/thumb/sphx_glr_demo_paramEditorWidget_thumb.png
    :alt:

  :ref:`sphx_glr_11_demos_itom_ui_demo_paramEditorWidget.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Parameter editor widget</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo opens the Roughness Evaluator app.">

.. only:: html

  .. image:: /11_demos/itom/ui/images/thumb/sphx_glr_demo_roughnessEvaluator_thumb.png
    :alt:

  :ref:`sphx_glr_11_demos_itom_ui_demo_roughnessEvaluator.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Roughness evaluation</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Slider 2D">

.. only:: html

  .. image:: /11_demos/itom/ui/images/thumb/sphx_glr_demo_slider2D_thumb.png
    :alt:

  :ref:`sphx_glr_11_demos_itom_ui_demo_slider2D.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Slider 2D</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo shows how to manipulate a splitter, set as layout in QtDesigner.">

.. only:: html

  .. image:: /11_demos/itom/ui/images/thumb/sphx_glr_demo_splitter_thumb.png
    :alt:

  :ref:`sphx_glr_11_demos_itom_ui_demo_splitter.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Splitter</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This is a short tutorial about how to use the statusbar">

.. only:: html

  .. image:: /11_demos/itom/ui/images/thumb/sphx_glr_demo_statusbar_thumb.png
    :alt:

  :ref:`sphx_glr_11_demos_itom_ui_demo_statusbar.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Statusbar</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="GUI for live coding of a Qt stylesheet document.">

.. only:: html

  .. image:: /11_demos/itom/ui/images/thumb/sphx_glr_demo_stylesheetEditor_thumb.png
    :alt:

  :ref:`sphx_glr_11_demos_itom_ui_demo_stylesheetEditor.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Stylesheet editor</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Table widget">

.. only:: html

  .. image:: /11_demos/itom/ui/images/thumb/sphx_glr_demo_tableWidget_thumb.png
    :alt:

  :ref:`sphx_glr_11_demos_itom_ui_demo_tableWidget.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Table widget</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Measure tool">

.. only:: html

  .. image:: /11_demos/itom/ui/images/thumb/sphx_glr_demo_uiMeasureToolMain_thumb.png
    :alt:

  :ref:`sphx_glr_11_demos_itom_ui_demo_uiMeasureToolMain.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Measure tool</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo shows a window with a 2D plot as center widget. A random dataObject is shown in the plot. The user can then create various geometric shapes (like points, lines, rectangles...) in the plot either by the toolbar of the plot or by pressing dedicated buttons.">

.. only:: html

  .. image:: /11_demos/itom/ui/images/thumb/sphx_glr_demo_uiShape_thumb.png
    :alt:

  :ref:`sphx_glr_11_demos_itom_ui_demo_uiShape.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">UI shape</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Window is a stand-alone window. The window is only hidden if the user closes it. Call show again to re-show it. It is only deleted, if the window variable is deleted.">

.. only:: html

  .. image:: /11_demos/itom/ui/images/thumb/sphx_glr_demo_windowExamples_thumb.png
    :alt:

  :ref:`sphx_glr_11_demos_itom_ui_demo_windowExamples.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Window</div>
    </div>


.. thumbnail-parent-div-close

.. raw:: html

    </div>


.. toctree::
   :hidden:

   /11_demos/itom/ui/demoDialogExamples
   /11_demos/itom/ui/demoPropertyDialog
   /11_demos/itom/ui/demoSimpleExample
   /11_demos/itom/ui/demo_MotorAxisController
   /11_demos/itom/ui/demo_algoCancelAndProgressWidget
   /11_demos/itom/ui/demo_autoConnect
   /11_demos/itom/ui/demo_cameraWindow
   /11_demos/itom/ui/demo_cloudViewer
   /11_demos/itom/ui/demo_dataObjectTable
   /11_demos/itom/ui/demo_dockWidgetExamples
   /11_demos/itom/ui/demo_embedded2DLinePlot
   /11_demos/itom/ui/demo_gui_icons_images
   /11_demos/itom/ui/demo_gui_with_icons_from_resource
   /11_demos/itom/ui/demo_interrupt
   /11_demos/itom/ui/demo_itomUiClass
   /11_demos/itom/ui/demo_listWidget
   /11_demos/itom/ui/demo_observedParallelFunctions
   /11_demos/itom/ui/demo_paramEditorWidget
   /11_demos/itom/ui/demo_roughnessEvaluator
   /11_demos/itom/ui/demo_slider2D
   /11_demos/itom/ui/demo_splitter
   /11_demos/itom/ui/demo_statusbar
   /11_demos/itom/ui/demo_stylesheetEditor
   /11_demos/itom/ui/demo_tableWidget
   /11_demos/itom/ui/demo_uiMeasureToolMain
   /11_demos/itom/ui/demo_uiShape
   /11_demos/itom/ui/demo_windowExamples