QML Tumbler Element

Shows the tumbler. More...

Inherits Item

List of all members, including inherited members

Properties

• columns : array

Signals

• 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: dayColumn
     selectedIndex: 9
     items: daysList

     for (var day = 1; day <= 31; day++) {
         daysList.append({"value" : day});
     }
 }

 TumblerColumn {
     id: monthColumn
     selectedIndex: 4
     items: monthsList
 }

 ListModel {
     id: monthsList
     ListElement { value: "Jan" }
     ListElement { value: "Feb" }
     ListElement { value: "Mar" }
     ListElement { value: "Apr" }
     ListElement { value: "May" }
     ListElement { value: "Jun" }
     ListElement { value: "Jul" }
     ListElement { value: "Aug" }
     ListElement { value: "Sep" }
     ListElement { value: "Oct" }
     ListElement { value: "Nov" }
     ListElement { value: "Dec" }
 }

 TumblerColumn {
     id: yearColumn
     selectedIndex: 88
     items: yearsList

     for (var year = 1900; year <= 2011; year++) {
         yearsList.append({"value" : year});
     }
 }

 Tumbler {
      columns: [monthColumn, dayColumn, yearColumn]
 }

Property Documentation

Signal Documentation