Using QML elements

Groups Of Related QML Elements

QML Elements are grouped by their respective functionalities. Certain elements are suited for building complex components while other elements strictly dictate appearances and color.

add something about elements in use in general


image heading

img descr.

Basic QML Elements

Basic elements can be extended to form more complex elements.

Elements:
  • Item Element - The Item is the most basic of all visual items in QML. Many visual elements inherit properties from the Item element.
  • Component Element - The Component element encapsulates a QML component definition.

image heading

img descr.

QML Visual Elements

Visual elements offer various interactive and graphical functionalities. Visual elements can directly set properties that dictate appearances.

Elements:

image heading

img descr.

QML Animation and Transition Elements

Animation and transition elements control animation behaviors. Animations can run in parallel or in series for different value types.

Elements:

image heading

img descr.

QML Interaction Elements

These elements define basic interactions such as touch movements and focus management.

Elements:

image heading

img descr.

QML Event Elements

Key and mouse events information are provided in these event elements.

Elements:

image heading

img descr.

QML Positioning Elements

Using positioning elements, layouts can be defined and their children accessed through an index.

Elements:
  • Column Element - The Column item arranges its children vertically.
  • Flow Element - The Flow item arranges its children side by side, wrapping as necessary.
  • Grid Element - The Grid item positions its children in a grid.
  • Row Element - The Row item arranges its children horizontally.
  • Repeater Element - The Repeater element allows you to repeat an Item-based component using a model.

image heading

img descr.

QML State Elements

States and groups of states are formed using state elements.

Elements:

image heading

img descr.

QML Transform Elements

Advanced handling of transformations is controlled in transform elements.

Elements:
  • Rotation Element - The Rotation object provides a way to rotate an Item.
  • Scale Element - The Scale element provides a way to scale an Item.
  • Transform Element - The Transform element provide a way of building advanced transformations on Items.
  • Translate Element - The Translate object provides a way to move an Item without changing its x or y properties.

image heading

img descr.

QML Utility Elements

These elements handle assorted operations such as event timing, Qt enumerations, and font loading.

Elements:

image heading

img descr.

Models and View Elements

Models and views are used to organize data and control their layouts using delegates. Models dictate the data formation and views control the layouts of data in the model.

View Elements:
  • GridView Element - The GridView item provides a grid view of items provided by a model.
  • ListView Element - The ListView item provides a list view of items provided by a model.
  • PathView Element - The PathView element lays out model-provided items on a path.
  • WebView Element - The WebView item allows you to add Web content to a canvas.
Model Elements:

image heading

img descr.

Paths

QML components can be arranged along paths. Path elements allow control over different path types.

Elements:

image heading

img descr.

Particle Elements

Particle effects are declared and controlled using particle elements.

Elements:

image heading

img descr.

Bridge Elements

Bridge elements allow direct communication between C++ and QML entities.

Elements:
  • LayoutItem Element - The LayoutItem element allows declarative UI elements to be placed inside Qt's Graphics View layouts.

© 2016 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.