1 files changed, 115 insertions, 0 deletions
diff --git a/examples/qml/canvas/contents/Slider.qml b/examples/qml/canvas/contents/Slider.qml
new file mode 100644
index 0000000000..1050e307f6
--- /dev/null
+++ b/examples/qml/canvas/contents/Slider.qml
@@ -0,0 +1,115 @@
+/****************************************************************************
+**
+** Copyright (C) 2012 Nokia Corporation and/or its subsidiary(-ies).
+** Contact: http://www.qt-project.org/
+**
+** This file is part of the Declarative module of the Qt Toolkit.
+**
+** $QT_BEGIN_LICENSE:LGPL$
+** GNU Lesser General Public License Usage
+** This file may be used under the terms of the GNU Lesser General Public
+** License version 2.1 as published by the Free Software Foundation and
+** appearing in the file LICENSE.LGPL included in the packaging of this
+** file. Please review the following information to ensure the GNU Lesser
+** General Public License version 2.1 requirements will be met:
+** http://www.gnu.org/licenses/old-licenses/lgpl-2.1.html.
+**
+** In addition, as a special exception, Nokia gives you certain additional
+** rights. These rights are described in the Nokia Qt LGPL Exception
+** version 1.1, included in the file LGPL_EXCEPTION.txt in this package.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU General
+** Public License version 3.0 as published by the Free Software Foundation
+** and appearing in the file LICENSE.GPL included in the packaging of this
+** file. Please review the following information to ensure the GNU General
+** Public License version 3.0 requirements will be met:
+** http://www.gnu.org/copyleft/gpl.html.
+**
+** Other Usage
+** Alternatively, this file may be used in accordance with the terms and
+** conditions contained in a signed written agreement between you and Nokia.
+**
+**
+**
+**
+**
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+import QtQuick 2.0
+
+Item {
+    id:slider
+    property real min:0
+    property real max:1
+    property real value: min + (max - min) * (bar.x / (foo.width - bar.width))
+    property real init:min+(max-min)/2
+    property string name:"Slider"
+
+    Component.onCompleted: setValue(init)
+    function setValue(v) {
+       if (min < max)
+          bar.x = v/(max - min) * (foo.width - bar.width);
+    }
+    Rectangle {
+        id:sliderName
+        anchors.left:parent.left
+        height: childrenRect.height
+        width:childrenRect.width
+        anchors.verticalCenter:parent.verticalCenter
+        Text {
+           text:slider.name
+           font.pointSize:12
+         }
+    }
+    Item {
+        id: foo
+        height: 6
+        width: parent.width - 4 - sliderName.width
+        anchors.verticalCenter:parent.verticalCenter
+        anchors.left:sliderName.right
+        anchors.leftMargin:5
+        Rectangle {
+            height: parent.height
+            anchors.left: parent.left
+            anchors.right: bar.horizontalCenter
+            color: "blue"
+            radius: 3
+        }
+        Rectangle {
+            height: parent.height
+            anchors.left: bar.horizontalCenter
+            anchors.right: parent.right
+            color: "gray"
+            radius: 3
+        }
+        Rectangle {
+            anchors.fill: parent
+            color: "transparent"
+            radius: 3
+            border.width: 2
+            border.color: "black"
+        }
+
+        Rectangle {
+            id: bar
+            y: -7
+            width: 20
+            height: 20
+            radius: 15
+            color: "white"
+            border.width: 2
+            border.color: "black"
+            MouseArea {
+                anchors.fill: parent
+                drag.target: parent
+                drag.axis: Drag.XAxis
+                drag.minimumX: 0
+                drag.maximumX: foo.width - parent.width
+            }
+        }
+    }
+}