.. _sphx_glr_11_demos_itom_ui:

.. _gallery_ui_label:

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



.. raw:: html

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


.. 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: Slider 2D

  :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="In this example, all icons are loaded in the UI file as relative path to the icons in this or t...">

.. only:: html

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

  :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="Create a dockWidget form the main window at the bottom dock widget area The dock widget can be ...">

.. only:: html

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

  :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 demo opens the Roughness Evaluator app.">

.. only:: html

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

  :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="Demostration 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: GUI icons from resources

  :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="The dialog is created from a QDialog, designed in QtDesigner. The dialog already has OK and Can...">

.. only:: html

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

  :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="Interrupt">

.. only:: html

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

  :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="Property dialog">

.. only:: html

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

  :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="Motor axis controller">

.. only:: html

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

  :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 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: Statusbar

  :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="Camera widget">

.. only:: html

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

  :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="Window is a stand-alone window. The window is only hidden if the user closes it. Call show agai...">

.. only:: html

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

  :ref:`sphx_glr_11_demos_itom_ui_demo_windowExamples.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Window</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: Splitter

  :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 example shows the usage of the generic ParamEditorWidget.">

.. only:: html

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

  :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="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: Stylesheet editor

  :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="This demo shows how to use the auto-connection feature for automatically connecting signals fro...">

.. only:: html

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

  :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="This script shows how to use embedded static line plots in itom in a single GUI. The z-slicing ...">

.. only:: html

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

  :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="Cloud viewer">

.. only:: html

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

  :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="This script shows an example how to integrate the user interface simpleExample.ui into itom, co...">

.. only:: html

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

  :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="This scipt shows how the itom.progressObserver is used to observe and report the progress of fu...">

.. only:: html

  .. image:: /11_demos/itom/ui/images/thumb/sphx_glr_demo_algoCancelAndProgressWidget_thumb.png
    :alt: Algorithm cancel and progress widget

  :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="Dataobject table">

.. only:: html

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

  :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="This demo shows how to use the auto-connection feature for automatically connecting signals fro...">

.. only:: html

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

  :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="Table widget">

.. only:: html

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

  :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="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: ItomUI class

  :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 a window with a 2D plot as center widget. A random dataObject is shown in the p...">

.. only:: html

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

  :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="This demo shows how to use a customized progressObserver to observer and possibly cancel multip...">

.. only:: html

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

  :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="Measure tool">

.. only:: html

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

  :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>


.. toctree::
   :hidden:

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