TumblerStyle QML Type

Provides custom styling for Tumbler. 更多...

导入语句：	import QtQuick.Controls.Styles 1.4
Since:	Qt 5.5

特性

background : Component
columnForeground : Component
control : Tumbler
delegate : Component
foreground : Component
frame : Component
highlight : Component
separator : Component
visibleItemCount : int

详细描述

You can create a custom tumbler by replacing the following delegates:

特性文档编制

background : 组件

The background of the tumbler.

columnForeground : 组件

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.

`readonly property int` styleData.column	The index of the column that contains this item.
`readonly property bool` styleData.activeFocus	`true` if the column that contains this item has active focus.

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

[read-only] control : Tumbler

Tumbler that this style is attached to.

delegate : 组件

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

`readonly property int` styleData.index	The index of this delegate in the model.
`readonly property int` styleData.column	The index of the column that contains this item.
`readonly property real` styleData.value	The value for this delegate from the model.
`readonly property bool` styleData.current	`true` if this delegate is the current item.
`readonly property real` styleData.displacement	`A` value from `-visibleItemCount / 2` to `visibleItemCount / 2` which represents how far away this item is from being the current item, with `0` being completely current. For example, the item below will be 40% opaque when it is not the current item, and transition to 100% opacity when it becomes the current item: delegate: Text { text: styleData.value opacity: 0.4 + Math.max(0, 1 - Math.abs(styleData.displacement)) * 0.6 }
`readonly property bool` styleData.activeFocus	`true` if the column that contains this item has active focus.

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.

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

foreground : 组件

The foreground of the tumbler.

frame : 组件

The frame around the tumbler.

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

highlight : 组件

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:

`readonly property int` styleData.index	The index of this column in the tumbler.
`readonly property int` styleData.columnIndex	The index of the column that contains this highlight.
`readonly property bool` styleData.activeFocus	`true` if the column that contains this highlight has active focus.

separator : 组件

The separator between each column.

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

visibleItemCount : int

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

This value should be an odd number.