ScrollIndicator QML Type

A non-interactive scroll indicator control. More...

• List of all members, including inherited members

Properties

• active : bool
• orientation : enumeration
• position : real
• size : real

Attached Properties

• horizontal : ScrollIndicator
• vertical : ScrollIndicator

Detailed Description

ScrollIndicator is a non-interactive indicator that indicates the current scroll position. A scroll indicator can be either vertical or horizontal, and can be attached to any Flickable, such as ListView and GridView.

Flickable {
    // ...
    ScrollIndicator.vertical: ScrollIndicator { }
}

Note: When ScrollIndicator is attached vertically or horizontally to a Flickable, its geometry and the following properties are automatically set and updated as appropriate:

• orientation
• position
• size
• active

Horizontal and vertical scroll indicators do not share the active state with each other by default. In order to keep both indicators visible whilst scrolling to either direction, establish a two-way binding between the active states as presented by the following example:

Flickable {
    anchors.fill: parent

    contentWidth: parent.width * 2
    contentHeight: parent.height * 2

    ScrollIndicator.horizontal: ScrollIndicator { id: hbar; active: vbar.active }
    ScrollIndicator.vertical: ScrollIndicator { id: vbar; active: hbar.active }
}

See also ScrollBar, Customizing ScrollIndicator, and Indicator Controls.

Property Documentation

Attached Property Documentation

Flickable {
    contentWidth: 2000
    ScrollIndicator.horizontal: ScrollIndicator { }
}

Flickable {
    contentHeight: 2000
    ScrollIndicator.vertical: ScrollIndicator { }
}