blob: e3ca0c2e98badba15f0408dadd6f22e38c475d53 (
plain)
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
34
35
36
|
Item {
id: ScrollBar
// The properties that define the scrollbar's state.
// position and pageSize are in the range 0.0 - 1.0. They are relative to the
// height of the page, i.e. a pageSize of 0.5 means that you can see 50%
// of the height of the view.
// orientation can be either 'Vertical' or 'Horizontal'
properties: Property {
name: "position"
}
properties: Property {
name: "pageSize"
}
properties: Property {
name: "orientation"
value: "Vertical"
}
// A light, semi-transparent background
Rect {
id: Background
radius: orientation == 'Vertical' ? (width/2) : (height/2)
color: "white"
opacity: 0.3
anchors.fill: parent
}
// Size the bar to the required size, depending upon the orientation.
Rect {
opacity: 0.6
color: "black"
radius: orientation == 'Vertical' ? (width/2) : (height/2)
x: orientation == 'Vertical' ? 2 : (ScrollBar.position * (ScrollBar.width-4) + 2)
y: orientation == 'Vertical' ? (ScrollBar.position * (ScrollBar.height-4) + 2) : 2
width: orientation == 'Vertical' ? (parent.width-4) : (ScrollBar.pageSize * (ScrollBar.width-4))
height: orientation == 'Vertical' ? (ScrollBar.pageSize * (ScrollBar.height-4)) : (parent.height-4)
}
}
|
