X-Git-Url: https://gerrit.automotivelinux.org/gerrit/gitweb?a=blobdiff_plain;f=sample-qml%2Fapps%2FHVAC%2FTemperatureWheel.qml;fp=sample-qml%2Fapps%2FHVAC%2FTemperatureWheel.qml;h=7a59dde15ecc5ad921e36bff99bf5932b40c6ec1;hb=f8ca548fa047968383e9275ead76eacce90fd0a8;hp=0000000000000000000000000000000000000000;hpb=75a4e94d7610db25c98f05cdda9491f4e7c0a4db;p=staging%2FHomeScreen.git

diff --git a/sample-qml/apps/HVAC/TemperatureWheel.qml b/sample-qml/apps/HVAC/TemperatureWheel.qml
new file mode 100644
index 0000000..7a59dde
--- /dev/null
+++ b/sample-qml/apps/HVAC/TemperatureWheel.qml
@@ -0,0 +1,56 @@
+/* Copyright (C) 2015, Jaguar Land Rover. All Rights Reserved.
+ *
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+import QtQuick 2.0
+import "models"
+
+Rectangle {
+    width: 237
+    height: 350
+    color: "#aa000000"
+
+    property string side: "left"
+    property string propertyName: side + "Temperature"
+    property real value: HVACModel[propertyName]
+
+    ListView {
+        anchors.fill: parent
+        clip: true
+        snapMode: ListView.SnapToItem
+        model: TemperatureModel
+        header: Item { height: 120 }
+        footer: Item { height: 120 }
+        currentIndex: Math.min(value * count, count - 1)
+        flickDeceleration: 5000
+        onContentYChanged: {
+            if (dragging || flicking) {
+                var item = Math.round((contentY + 120) / 110)
+                item = Math.max(Math.min(item, count - 1), 0)
+                if (item != currentIndex) {
+                    var temperature = item / (count - 1)
+                    HVACModel[propertyName] = temperature
+                }
+            }
+        }
+        highlightMoveDuration: 100
+        interactive: true
+
+        delegate: Text {
+            x: side === "right" ? 40 : 10
+            height: 110
+            verticalAlignment: Text.AlignVCenter
+            color: "white"
+            font.pixelSize: 70
+            text: model.text
+        }
+    }
+
+    Image {
+        mirror: side === "left"
+        source: "./images/right_number_cover.svg"
+        anchors.fill: parent
+    }
+}