Qt Reference Documentation

QML Tumbler Element

Shows the tumbler. More...

This element was introduced in Qt Quick Components 1.0.

Properties

Signal Handlers

Detailed Description

A tumbler component is composed of one or more columns. In each column the user can select the value by sliding the finger. The screenshot below shows an example of a tumbler.

Creating a Tumbler

The code snippet below illustrates how to create a Tumbler.

     TumblerColumn {
         id: departure
         items: departureList
     }

     TumblerColumn {
         id: destination
         items: destinationList
     }

     ListModel {
         id: departureList
         ListElement { value: "Amsterdam" }
         ListElement { value: "Athens" }
         ListElement { value: "Berlin" }
         ListElement { value: "Brussels" }
         ListElement { value: "Copenhagen" }
         ListElement { value: "Helsinki" }
         ListElement { value: "London" }
         ListElement { value: "Madrid" }
         ListElement { value: "Oslo" }
         ListElement { value: "Paris" }
         ListElement { value: "Rome" }
         ListElement { value: "Stockholm" }
     }

     ListModel {
         id: destinationList
         ListElement { value: "Atlanta" }
         ListElement { value: "Boston" }
         ListElement { value: "Chicago" }
         ListElement { value: "Houston" }
         ListElement { value: "Los Angeles" }
         ListElement { value: "Montreal" }
         ListElement { value: "New York" }
         ListElement { value: "Phoenix" }
         ListElement { value: "San Francisco" }
         ListElement { value: "Seattle" }
         ListElement { value: "Toronto" }
         ListElement { value: "Washington" }
     }

     Tumbler {
         columns: [departure, destination]
     }

Property Documentation

columns : array

Array of TumblerColumn elments of the Tumbler. The default value is [].


platformInverted : bool

Symbian:

If platformInverted is true, the component is visualized with the inverted style. For more information, see Using Inverted Style with Symbian Components. By default platformInverted is false.

This property group was introduced in Qt Quick Components 1.1.


Signal Handler Documentation

Tumbler::changed ( int index )

This signal is emitted when the tumbler's value changes.