aboutsummaryrefslogtreecommitdiffstats
path: root/examples/declarative/shared/Slider.qml
diff options
context:
space:
mode:
Diffstat (limited to 'examples/declarative/shared/Slider.qml')
-rw-r--r--examples/declarative/shared/Slider.qml82
1 files changed, 0 insertions, 82 deletions
diff --git a/examples/declarative/shared/Slider.qml b/examples/declarative/shared/Slider.qml
deleted file mode 100644
index 7b331ab1c..000000000
--- a/examples/declarative/shared/Slider.qml
+++ /dev/null
@@ -1,82 +0,0 @@
-// Copyright (C) 2016 The Qt Company Ltd.
-// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
-
-import QtQuick 2.12
-
-Item {
- id: slider
- height: 26
- // default drag range is 180: divisible by 2, 3, 4, 5, 6, 9, 10, ...
- width: sliderName.width + 223 + handle.width / 2
-
- property real min: 0
- property real max: 1
- property real value: min + (max - min) * dragHandler.value
- property real init: min+(max-min)/2
- property string name: "Slider"
- property color color: "#0066cc"
- property real minLabelWidth: 44
-
- DragHandler {
- id: dragHandler
- target: handle
- xAxis.minimum: Math.round(-handle.width / 2 + 3)
- xAxis.maximum: Math.round(groove.width - handle.width / 2 - 3)
- property real value: (handle.x - xAxis.minimum) / (xAxis.maximum - xAxis.minimum)
- }
-
- Component.onCompleted: setValue(init)
- function setValue(v) {
- if (min < max) {
- handle.x = Math.round( v / (max - min) *
- (dragHandler.xAxis.maximum - dragHandler.xAxis.minimum)
- + dragHandler.xAxis.minimum);
-// console.log(name, v, "-> handle.x", handle.x, "from fraction", (v / (max - min)),
-// "of drag range", (dragHandler.xAxis.maximum - dragHandler.xAxis.minimum), "px", min, ":", max)
- }
- }
- Rectangle {
- id:sliderName
- anchors.left: parent.left
- anchors.leftMargin: 16
- height: childrenRect.height
- width: Math.max(slider.minLabelWidth, childrenRect.width)
- anchors.verticalCenter: parent.verticalCenter
- Text {
- text: slider.name + ":"
- font.pointSize: 12
- color: "#333"
- }
- }
-
- Rectangle {
- id: groove
- width: parent.width - 8 - sliderName.width
- color: "#eee"
- height: 7
- radius: 3
- antialiasing: true
- border.color: Qt.darker(color, 1.2)
- anchors.left: sliderName.right
- anchors.right: parent.right
- anchors.leftMargin: 10
- anchors.rightMargin: 24
- anchors.verticalCenter: parent.verticalCenter
-
- Rectangle {
- height: parent.height
- anchors.left: parent.left
- anchors.right: handle.horizontalCenter
- color: slider.color
- radius: 3
- border.width: 1
- border.color: Qt.darker(color, 1.3)
- opacity: 0.8
- }
- Image {
- id: handle
- source: "images/slider_handle.png"
- anchors.verticalCenter: parent.verticalCenter
- }
- }
-}