QML Tumbler Element

Shows the tumbler. More...

This element was introduced in Qt Quick Components 1.0.

• List of all members, including inherited members

Properties

• columns : array
• platformInverted : bool

Signal Handlers

• changed

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

Signal Handler Documentation