Initial import from CES2017 repository
[src/qtquickcontrols2-agl-style.git] / imports / qtquickcontrols2aglstyle / Tumbler.qml
1 /****************************************************************************
2 **
3 ** Copyright (C) 2016 The Qt Company Ltd.
4 ** Contact: http://www.qt.io/licensing/
5 **
6 ** This file is part of the Qt Quick Controls 2 module of the Qt Toolkit.
7 **
8 ** $QT_BEGIN_LICENSE:LGPL3$
9 ** Commercial License Usage
10 ** Licensees holding valid commercial Qt licenses may use this file in
11 ** accordance with the commercial license agreement provided with the
12 ** Software or, alternatively, in accordance with the terms contained in
13 ** a written agreement between you and The Qt Company. For licensing terms
14 ** and conditions see http://www.qt.io/terms-conditions. For further
15 ** information use the contact form at http://www.qt.io/contact-us.
16 **
17 ** GNU Lesser General Public License Usage
18 ** Alternatively, this file may be used under the terms of the GNU Lesser
19 ** General Public License version 3 as published by the Free Software
20 ** Foundation and appearing in the file LICENSE.LGPLv3 included in the
21 ** packaging of this file. Please review the following information to
22 ** ensure the GNU Lesser General Public License version 3 requirements
23 ** will be met: https://www.gnu.org/licenses/lgpl.html.
24 **
25 ** GNU General Public License Usage
26 ** Alternatively, this file may be used under the terms of the GNU
27 ** General Public License version 2.0 or later as published by the Free
28 ** Software Foundation and appearing in the file LICENSE.GPL included in
29 ** the packaging of this file. Please review the following information to
30 ** ensure the GNU General Public License version 2.0 requirements will be
31 ** met: http://www.gnu.org/licenses/gpl-2.0.html.
32 **
33 ** $QT_END_LICENSE$
34 **
35 ****************************************************************************/
36
37 import QtQuick 2.6
38 import QtQuick.Layouts 1.1
39 import QtQuick.Controls 2.0
40 import QtQuick.Templates 2.0 as T
41
42 T.Tumbler {
43     id: control
44     implicitWidth: 200
45     implicitHeight: 200
46
47     //! [delegate]
48     delegate: Label {
49         width: PathView.view.width
50         text: model.modelData
51         opacity: PathView.isCurrentItem ? 1 : 0.5
52         Behavior on opacity {
53             NumberAnimation { duration: 250 }
54         }
55
56         horizontalAlignment: Text.AlignHCenter
57         verticalAlignment: Text.AlignVCenter
58     }
59     //! [delegate]
60
61     //! [contentItem]
62     contentItem: PathView {
63         id: pathView
64         anchors.fill: parent
65         model: control.model
66         delegate: control.delegate
67         clip: true
68         pathItemCount: control.visibleItemCount + 1
69         preferredHighlightBegin: 0.5
70         preferredHighlightEnd: 0.5
71         dragMargin: width / 2
72
73         path: Path {
74             startX: pathView.width / 2
75             startY: -pathView.delegateHeight / 2
76             PathLine {
77                 x: pathView.width / 2
78                 y: pathView.pathItemCount * pathView.delegateHeight - pathView.delegateHeight / 2
79             }
80         }
81
82         property real delegateHeight: pathView.height / control.visibleItemCount
83
84     }
85     //! [contentItem]
86 }