:orphan:

.. _gallery_itom_label:

itom
====

This chapter shows how ``itom`` is based on ``Python`` as the scripting language and provides additional features in the context of measurement hardware control, measurement automation and user interface. Click on any image to see the full script documentation. 


.. raw:: html

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


.. raw:: html

    </div>


Basics
~~~~~~



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This script creates an instance of a DummyGrabber and implements a timer with an interval of 10...">

.. only:: html

  .. image:: /11_demos/itom/basics/images/thumb/sphx_glr_demo_timerExample_thumb.png
    :alt: Timer

  :ref:`sphx_glr_11_demos_itom_basics_demo_timerExample.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo shows how colored images are converted into other color spaces..">

.. only:: html

  .. image:: /11_demos/itom/basics/images/thumb/sphx_glr_demo_convertFalseColor_thumb.png
    :alt: Convert falseColor

  :ref:`sphx_glr_11_demos_itom_basics_demo_convertFalseColor.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo shows with the example of the DummyGrabber how you acquire an image and apply some fi...">

.. only:: html

  .. image:: /11_demos/itom/basics/images/thumb/sphx_glr_demo_CameraAndImages_thumb.png
    :alt: Cameras and images

  :ref:`sphx_glr_11_demos_itom_basics_demo_CameraAndImages.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Cameras and images</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo shows how to **save** and **load** dataObjects to/from image formats as well as nativ...">

.. only:: html

  .. image:: /11_demos/itom/basics/images/thumb/sphx_glr_demo_LoadSaveDataObjects_thumb.png
    :alt: Load and save dataObject

  :ref:`sphx_glr_11_demos_itom_basics_demo_LoadSaveDataObjects.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Load and save dataObject</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo shows how the itom.algorithms can be used. In this example a camera DummyGrabber is u...">

.. only:: html

  .. image:: /11_demos/itom/basics/images/thumb/sphx_glr_demo_GaussianSpotCentroidDetection_thumb.png
    :alt: Gaussian spot centroid detection

  :ref:`sphx_glr_11_demos_itom_basics_demo_GaussianSpotCentroidDetection.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Gaussian spot centroid detection</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo shows some basic features of the itom dataObject.">

.. only:: html

  .. image:: /11_demos/itom/basics/images/thumb/sphx_glr_demo_DataObject_thumb.png
    :alt: DataObject

  :ref:`sphx_glr_11_demos_itom_basics_demo_DataObject.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how a typical measurement automation can be realized in itom. Let&#x27;s say a la...">

.. only:: html

  .. image:: /11_demos/itom/basics/images/thumb/sphx_glr_demo_measurement_thumb.png
    :alt: Measurement

  :ref:`sphx_glr_11_demos_itom_basics_demo_measurement.py`

.. raw:: html

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


.. raw:: html

    </div>


Data processing
~~~~~~~~~~~~~~~



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="In this demo the lateral image shift is determined. ">

.. only:: html

  .. image:: /11_demos/itom/dataProcessing/images/thumb/sphx_glr_demo_LateralShift_thumb.png
    :alt: Later shifted image

  :ref:`sphx_glr_11_demos_itom_dataProcessing_demo_LateralShift.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Later shifted image</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo shows how data fitting can be performed using the itom.dataObject and itom.algorithms...">

.. only:: html

  .. image:: /11_demos/itom/dataProcessing/images/thumb/sphx_glr_demo_FitData_thumb.png
    :alt: Fit data

  :ref:`sphx_glr_11_demos_itom_dataProcessing_demo_FitData.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="In this demo the cross-correlation is calculated between two images acquired via the integrated...">

.. only:: html

  .. image:: /11_demos/itom/dataProcessing/images/thumb/sphx_glr_demo_CrossCorrelation_LiveImage_thumb.png
    :alt: Cross correlation of images

  :ref:`sphx_glr_11_demos_itom_dataProcessing_demo_CrossCorrelation_LiveImage.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Cross correlation of images</div>
    </div>


.. raw:: html

    </div>


Matplotlib embedded
~~~~~~~~~~~~~~~~~~~



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This examples shows how the matplotlib can be integrated into a GUI based on the MatplotlibPlot...">

.. only:: html

  .. image:: /11_demos/itom/embeddedMatplotlib/images/thumb/sphx_glr_demo_matplotlibGui_thumb.png
    :alt: Matplotlib embedded in GUI

  :ref:`sphx_glr_11_demos_itom_embeddedMatplotlib_demo_matplotlibGui.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Matplotlib embedded in GUI</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Matplotlib auto update">

.. only:: html

  .. image:: /11_demos/itom/embeddedMatplotlib/images/thumb/sphx_glr_demo_matplotlibGuiAutoUpdate_thumb.png
    :alt: Matplotlib auto update

  :ref:`sphx_glr_11_demos_itom_embeddedMatplotlib_demo_matplotlibGuiAutoUpdate.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Matplotlib auto update</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Matplotlib fast auto update">

.. only:: html

  .. image:: /11_demos/itom/embeddedMatplotlib/images/thumb/sphx_glr_demo_matplotlibGuiFastAutoUpdate_thumb.png
    :alt: Matplotlib fast auto update

  :ref:`sphx_glr_11_demos_itom_embeddedMatplotlib_demo_matplotlibGuiFastAutoUpdate.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Matplotlib fast auto update</div>
    </div>


.. raw:: html

    </div>


itom apps
~~~~~~~~~



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="In the folder itom_packages, there is a package cameraToolbox. This mainly contains methods to ...">

.. only:: html

  .. image:: /11_demos/itom/itom_apps/images/thumb/sphx_glr_demo_ImageDistortion_thumb.png
    :alt: cameraToolbox

  :ref:`sphx_glr_11_demos_itom_itom_apps_demo_ImageDistortion.py`

.. raw:: html

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


.. raw:: html

    </div>


Plots
~~~~~



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The itom twipOGLFigure plot is for visualisation of 2D / 3D DataObjects and PointClouds.">

.. only:: html

  .. image:: /11_demos/itom/plots/images/thumb/sphx_glr_demo_plotTwip_thumb.png
    :alt: Plot 2.5D/ 3D

  :ref:`sphx_glr_11_demos_itom_plots_demo_plotTwip.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Plot 2.5D/ 3D</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo shows how to define dataObject tags, which are used  as legendTitles in the 1D plot. ...">

.. only:: html

  .. image:: /11_demos/itom/plots/images/thumb/sphx_glr_demo_Plot1DLegendTitles_thumb.png
    :alt: 1D Legend title

  :ref:`sphx_glr_11_demos_itom_plots_demo_Plot1DLegendTitles.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">1D Legend title</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo shows how to display contour lines in an itom.plot2.">

.. only:: html

  .. image:: /11_demos/itom/plots/images/thumb/sphx_glr_demo_ContourLines2dPlot_thumb.png
    :alt: Contourlines 2D plot

  :ref:`sphx_glr_11_demos_itom_plots_demo_ContourLines2dPlot.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo shows how you can translate and rotate itom.shapes in the itom plot.">

.. only:: html

  .. image:: /11_demos/itom/plots/images/thumb/sphx_glr_demo_ShapesTransformation_thumb.png
    :alt: Shape transformation

  :ref:`sphx_glr_11_demos_itom_plots_demo_ShapesTransformation.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demo for getting/setting the size and position of a figure.">

.. only:: html

  .. image:: /11_demos/itom/plots/images/thumb/sphx_glr_demo_figurePositioning_thumb.png
    :alt: Figure positioning

  :ref:`sphx_glr_11_demos_itom_plots_demo_figurePositioning.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo shows two possibilities of how to create an auto updating plot, when the data does no...">

.. only:: html

  .. image:: /11_demos/itom/plots/images/thumb/sphx_glr_demo_AutoUpdatePlot_thumb.png
    :alt: Auto-update plot

  :ref:`sphx_glr_11_demos_itom_plots_demo_AutoUpdatePlot.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Auto-update plot</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo shows how the x-axis of a 1d plot can be a date time.">

.. only:: html

  .. image:: /11_demos/itom/plots/images/thumb/sphx_glr_demo_Plot1DDateTime_thumb.png
    :alt: Datetime

  :ref:`sphx_glr_11_demos_itom_plots_demo_Plot1DDateTime.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip=" This demo shows how to programatically set pickers to the line of a 1D plot.">

.. only:: html

  .. image:: /11_demos/itom/plots/images/thumb/sphx_glr_demo_drawPickersPlot1D_thumb.png
    :alt: Draw pickers 1D plot

  :ref:`sphx_glr_11_demos_itom_plots_demo_drawPickersPlot1D.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Draw pickers 1D plot</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo shows how to let the user select a certain number of shapes in a plot.">

.. only:: html

  .. image:: /11_demos/itom/plots/images/thumb/sphx_glr_demoInteractiveShapePicker_thumb.png
    :alt: Interactive shape picker

  :ref:`sphx_glr_11_demos_itom_plots_demoInteractiveShapePicker.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Cloud and mesh visualization">

.. only:: html

  .. image:: /11_demos/itom/plots/images/thumb/sphx_glr_demo_cloudAndMeshVisualization_thumb.png
    :alt: Cloud and mesh visualization

  :ref:`sphx_glr_11_demos_itom_plots_demo_cloudAndMeshVisualization.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Cloud and mesh visualization</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo script shows how to set the line color of geometric shapes.">

.. only:: html

  .. image:: /11_demos/itom/plots/images/thumb/sphx_glr_demo_coloredShapes_thumb.png
    :alt: Colored shapes

  :ref:`sphx_glr_11_demos_itom_plots_demo_coloredShapes.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo shows how you can pick points and markers in the itom plot.">

.. only:: html

  .. image:: /11_demos/itom/plots/images/thumb/sphx_glr_demoPickPointsAndMarkers_thumb.png
    :alt: Pick points and markers

  :ref:`sphx_glr_11_demos_itom_plots_demoPickPointsAndMarkers.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Pick points and markers</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo shows how to set an optional x-vector to an 1D-plot.">

.. only:: html

  .. image:: /11_demos/itom/plots/images/thumb/sphx_glr_demo_plotXY_thumb.png
    :alt: Plot XY

  :ref:`sphx_glr_11_demos_itom_plots_demo_plotXY.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="In this example, you will learn how to mark points in 1d or 2d plots with markers of varying sh...">

.. only:: html

  .. image:: /11_demos/itom/plots/images/thumb/sphx_glr_demo_drawMarkers_thumb.png
    :alt: Draw markers

  :ref:`sphx_glr_11_demos_itom_plots_demo_drawMarkers.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo shows how you can add different shapes in the itom plot.">

.. only:: html

  .. image:: /11_demos/itom/plots/images/thumb/sphx_glr_demo_Shapes_thumb.png
    :alt: Shapes

  :ref:`sphx_glr_11_demos_itom_plots_demo_Shapes.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo shows how to individually set the property of each line. In most cases, the property ...">

.. only:: html

  .. image:: /11_demos/itom/plots/images/thumb/sphx_glr_demo_Plot1DLineProperties_thumb.png
    :alt: 1D Line properties

  :ref:`sphx_glr_11_demos_itom_plots_demo_Plot1DLineProperties.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">1D Line properties</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo shows how you can set and change the theme of your GUI. The style can not be entirely...">

.. only:: html

  .. image:: /11_demos/itom/plots/images/thumb/sphx_glr_demo_PlotStyleSheets_thumb.png
    :alt: Plot style sheets

  :ref:`sphx_glr_11_demos_itom_plots_demo_PlotStyleSheets.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Plot style sheets</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="In this demo script, multi shapes are created. These shapes are then rotated and translated by ...">

.. only:: html

  .. image:: /11_demos/itom/plots/images/thumb/sphx_glr_demo_drawAndTransformShapes_thumb.png
    :alt: Draw and transform shapes

  :ref:`sphx_glr_11_demos_itom_plots_demo_drawAndTransformShapes.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Draw and transform shapes</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo shows how the itom.plot ``1D line cut``, 2D volume cut and through z-stack feature ar...">

.. only:: html

  .. image:: /11_demos/itom/plots/images/thumb/sphx_glr_demo_lineCut_volumeCut_thumb.png
    :alt: Plot line cut, volume cut, through z-stack

  :ref:`sphx_glr_11_demos_itom_plots_demo_lineCut_volumeCut.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Plot line cut, volume cut, through z-stack</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The Vtk3dVisualizer can be used to visualize the following items:">

.. only:: html

  .. image:: /11_demos/itom/plots/images/thumb/sphx_glr_demo_Vtk3dVisualizer_thumb.png
    :alt: VTK 3D Visualizer

  :ref:`sphx_glr_11_demos_itom_plots_demo_Vtk3dVisualizer.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">VTK 3D Visualizer</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo shows a mask editor where a masked dataObject can be created from shapes that are dra...">

.. only:: html

  .. image:: /11_demos/itom/plots/images/thumb/sphx_glr_demo_maskEditor_thumb.png
    :alt: Mask editor

  :ref:`sphx_glr_11_demos_itom_plots_demo_maskEditor.py`

.. raw:: html

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


.. raw:: html

    </div>


Plugins
~~~~~~~



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo shows how OpenCV filters are applied to the dataObject.">

.. only:: html

  .. image:: /11_demos/itom/plugins/images/thumb/sphx_glr_demo_OpenCVFilter_thumb.png
    :alt: OpenCV filter

  :ref:`sphx_glr_11_demos_itom_plugins_demo_OpenCVFilter.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo shows with the example of the DummyGrabber how grabber and cameras are used in itom.">

.. only:: html

  .. image:: /11_demos/itom/plugins/images/thumb/sphx_glr_demo_DummyGrabber_thumb.png
    :alt: DummyGrabber

  :ref:`sphx_glr_11_demos_itom_plugins_demo_DummyGrabber.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo shows with the example of the DummyMotor how grabber and cameras are used in itom.">

.. only:: html

  .. image:: /11_demos/itom/plugins/images/thumb/sphx_glr_demo_DummyMotor_thumb.png
    :alt: DummyMotor

  :ref:`sphx_glr_11_demos_itom_plugins_demo_DummyMotor.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo shows how a simple image processing example can be demonstrated. The itom grabber Ope...">

.. only:: html

  .. image:: /11_demos/itom/plugins/images/thumb/sphx_glr_demofaceDetection_thumb.png
    :alt: Face Detection

  :ref:`sphx_glr_11_demos_itom_plugins_demofaceDetection.py`

.. raw:: html

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


.. raw:: html

    </div>


PointCloud
~~~~~~~~~~



.. raw:: html

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


.. raw:: html

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

.. only:: html

  .. image:: /11_demos/itom/pointClouds/images/thumb/sphx_glr_demo_mesh_thumb.png
    :alt: Mesh

  :ref:`sphx_glr_11_demos_itom_pointClouds_demo_mesh.py`

.. raw:: html

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


.. raw:: html

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

.. only:: html

  .. image:: /11_demos/itom/pointClouds/images/thumb/sphx_glr_demo_cloud_thumb.png
    :alt: Cloud

  :ref:`sphx_glr_11_demos_itom_pointClouds_demo_cloud.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo is a very short introduction to basic point clouds and a polygon mesh, that consists ...">

.. only:: html

  .. image:: /11_demos/itom/pointClouds/images/thumb/sphx_glr_demo_PointCloud_thumb.png
    :alt: PointCloud

  :ref:`sphx_glr_11_demos_itom_pointClouds_demo_PointCloud.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Fit geomtric elements to pointClouds.">

.. only:: html

  .. image:: /11_demos/itom/pointClouds/images/thumb/sphx_glr_demo_fitGeometricElement_thumb.png
    :alt: Fit geometric element

  :ref:`sphx_glr_11_demos_itom_pointClouds_demo_fitGeometricElement.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Fit geometric element</div>
    </div>


.. raw:: html

    </div>


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>


Customize itom GUI
~~~~~~~~~~~~~~~~~~



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo shows how buttons are added and removed from the itom toolbar. Frequently used method...">

.. only:: html

  .. image:: /11_demos/itom/ui_customize/images/thumb/sphx_glr_demo_ToolBar_thumb.png
    :alt: Toolbar

  :ref:`sphx_glr_11_demos_itom_ui_customize_demo_ToolBar.py`

.. raw:: html

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


.. raw:: html

    </div>


User interface dynamic layouts
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Horizontal Box Layout">

.. only:: html

  .. image:: /11_demos/itom/ui_dynamicLayout/images/thumb/sphx_glr_demo_hboxlayout_thumb.png
    :alt: Horizontal Box Layout

  :ref:`sphx_glr_11_demos_itom_ui_dynamicLayout_demo_hboxlayout.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Horizontal Box Layout</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Main form">

.. only:: html

  .. image:: /11_demos/itom/ui_dynamicLayout/images/thumb/sphx_glr_demo_mainForm_thumb.png
    :alt: Main form

  :ref:`sphx_glr_11_demos_itom_ui_dynamicLayout_demo_mainForm.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example for dynamically changing the content of a form layout.">

.. only:: html

  .. image:: /11_demos/itom/ui_dynamicLayout/images/thumb/sphx_glr_demo_dynamicFormLayout_thumb.png
    :alt: Dynamic form layout

  :ref:`sphx_glr_11_demos_itom_ui_dynamicLayout_demo_dynamicFormLayout.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Dynamic form layout</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example for dynamically changing the content of a form layout.">

.. only:: html

  .. image:: /11_demos/itom/ui_dynamicLayout/images/thumb/sphx_glr_demo_multiplePlotsInHorizontalLayout_thumb.png
    :alt: Multiple plots in horizontal layout

  :ref:`sphx_glr_11_demos_itom_ui_dynamicLayout_demo_multiplePlotsInHorizontalLayout.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Multiple plots in horizontal layout</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example for dynamically changing the content of a grid layout.">

.. only:: html

  .. image:: /11_demos/itom/ui_dynamicLayout/images/thumb/sphx_glr_demo_dynamicGridLayout_thumb.png
    :alt: Dynamic grid layout

  :ref:`sphx_glr_11_demos_itom_ui_dynamicLayout_demo_dynamicGridLayout.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Dynamic grid layout</div>
    </div>


.. raw:: html

    </div>


.. toctree::
   :hidden:
   :includehidden:

   /11_demos/itom/basics/index.rst
   /11_demos/itom/dataProcessing/index.rst
   /11_demos/itom/embeddedMatplotlib/index.rst
   /11_demos/itom/itom_apps/index.rst
   /11_demos/itom/plots/index.rst
   /11_demos/itom/plugins/index.rst
   /11_demos/itom/pointClouds/index.rst
   /11_demos/itom/ui/index.rst
   /11_demos/itom/ui_customize/index.rst
   /11_demos/itom/ui_dynamicLayout/index.rst