TumblerStyle QML Type

The background of the tumbler.

The foreground of each column.

In terms of stacking order, this component is displayed above the delegate and highlight components, but below the foreground component.

Delegates for items in specific columns can be defined using TumblerColumn's columnForeground property, which will be used instead of this component.

The Tumbler that this style is attached to.

The delegate provides a template defining each item instantiated in the column. Each instance of this component has access to the following properties:

delegate: Text {
    text: styleData.value
    opacity: 0.4 + Math.max(0, 1 - Math.abs(styleData.displacement)) * 0.6
}

Properties of the model are also available depending upon the type of Data Model.

Delegates for items in specific columns can be defined using TumblerColumn's delegate property, which will be used instead of this delegate.

The implicitHeight property must be set, and it must be the same for each delegate.

The foreground of the tumbler.

The frame around the tumbler.

The implicitWidth property must be set, and should be the same value for each separator.

The delegate for the highlight of each column.

Delegates for the highlight of specific columns can be defined using TumblerColumn's highlight property, which will be used instead of this delegate.

Each instance of this component has access to the following properties:

padding.bottom : int

padding.left : int

padding.right : int

padding.top : int

This grouped property holds the top, left, right and bottom padding.

The separator between each column.

The implicitWidth property must be set, and should be the same value for each separator.

This property holds the amount of items visible in each column.

This value should be an odd number.

spacing : real▲