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 { }
  }