Add gitlab issue/merge request templates
[src/qtquickcontrols2-agl-style.git] / imports / qtquickcontrols2aglstyle / Slider.qml
1 /*
2  * Copyright (C) 2016 The Qt Company Ltd.
3  *
4  * Licensed under the Apache License, Version 2.0 (the "License");
5  * you may not use this file except in compliance with the License.
6  * You may obtain a copy of the License at
7  *
8  *      http://www.apache.org/licenses/LICENSE-2.0
9  *
10  * Unless required by applicable law or agreed to in writing, software
11  * distributed under the License is distributed on an "AS IS" BASIS,
12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13  * See the License for the specific language governing permissions and
14  * limitations under the License.
15  */
16
17 import QtQuick 2.6
18 import QtQuick.Templates 2.0 as T
19 import QtGraphicalEffects 1.0
20
21 T.Slider {
22     id: root
23     implicitWidth: background.implicitWidth
24     implicitHeight: handle.implicitHeight
25
26     background: Rectangle {
27         implicitWidth: 200
28         height: 10
29         radius: height / 2
30         x: root.leftPadding
31         y: parent.height / 2 - height / 2
32         color: "#666666"
33
34         Rectangle {
35             height: parent.height
36             width: handle.x + handle.width
37             radius: height / 2
38
39             layer.enabled: true
40             layer.effect: LinearGradient {
41                 start: Qt.point(0, 0)
42                 end: Qt.point(background.width, 0)
43                 gradient: Gradient {
44                     GradientStop { position: 0.0; color: "#00ADDC" }
45                     GradientStop { position: 1.0; color: "#6BFBFF" }
46                 }
47             }
48         }
49     }
50
51     handle: Rectangle {
52         x: root.leftPadding + root.visualPosition * (root.availableWidth - width)
53         y: root.topPadding + root.availableHeight / 2 - height / 2
54         implicitWidth: implicitHeight
55         implicitHeight: 50
56         radius: implicitHeight / 2
57         color: root.pressed ? "#f0f0f0" : "#f6f6f6"
58         border.color: "#bdbebf"
59     }
60 }