Indicator Controls

Guidelines for indicator controls

Qt Quick Controls offers a selection of indicator-like controls.

qml-qtquick-controls2-busyindicator.html

Indicates background activity, for example, while content is being loaded.

qml-qtquick-controls2-pageindicator.html

Indicates the currently active page.

qml-qtquick-controls2-progressbar.html

Indicates the progress of an operation.

qml-qtquick-controls2-scrollbar.html

Vertical or horizontal interactive scroll bar.

qml-qtquick-controls2-scrollindicator.html

Vertical or horizontal non-interactive scroll indicator.

Each type of indicator has its own specific target use case. The following sections offer guidelines for choosing the appropriate type of indicator, depending on the use case.

BusyIndicator Control

../_images/qtquickcontrols2-busyindicator.png

BusyIndicator can be used to show that an operation is in progress, and that the UI has to wait for the operation to complete.

PageIndicator Control

../_images/qtquickcontrols2-pageindicator.png

PageIndicator is used to indicate the currently active page in a container of multiple pages.

ProgressBar Control

../_images/qtquickcontrols2-progressbar.gif

ProgressBar indicates the progress of an operation. The value should be updated regularly.

ScrollBar Control

../_images/qtquickcontrols2-scrollbar.gif

ScrollBar is an interactive bar that indicates the current scroll position, and can be used to scroll to a specific position in a Flickable .

ScrollIndicator Control

../_images/qtquickcontrols2-scrollindicator.gif

ScrollIndicator is a non-interactive indicator that indicates the current scroll position, and can be used to scroll to a specific position in a Flickable .