examples/declarative/dial/dial.qml


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

import Qt 4.6

import "DialLibrary"
Rectangle {
    color: "white"
    width: 210; height: 240

    // Dial with a slider to adjust it
    Dial { id: dial; value: slider.x-2 }

    Rectangle {
        anchors.top: dial.bottom
        x: 20; width: 160; height: 16
        gradient: Gradient {
            GradientStop { position: 0.0; color: "steelblue" }
            GradientStop { position: 1.0; color: "lightsteelblue" }
        }
        radius: 8; opacity: 0.7; smooth: true
        Rectangle {
            id: slider
            x: 2; y: 2; width: 30; height: 12
            radius: 6; smooth: true
            gradient: Gradient {
                GradientStop { position: 0.0; color: "lightgray" }
                GradientStop { position: 1.0; color: "gray" }
            }
            MouseRegion {
                anchors.fill: parent
                drag.target: parent; drag.axis: "XAxis"; drag.minimumX: 2; drag.maximumX: 128
            }
        }
    }
}