src/ScrollArea.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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103

import QtQuick 1.0
import "../../../components" as Components
import "../plugin"

FocusScope {
    id:scrollarea
    width: 100
    height: 100

    property int contentMargin: 1
    property int __scrollbarExtent : styleitem.pixelMetric("scrollbarExtent");
    property int frameWidth: styleitem.pixelMetric("defaultframewidth");
    property int contentHeight : content.childrenRect.height
    property int contentWidth: content.childrenRect.width
    property alias color: flickable.color
    property bool frame: true
    property bool highlightOnFocus: false

    default property alias children: content.children

    property int contentY
    property int contentX

    property bool frameAroundContents: styleitem.styleHint("framearoundcontents")

    onContentYChanged: {
        vscrollbar.value = contentY
    }

    onContentXChanged: {
        hscrollbar.value = contentX
    }

    QStyleBackground {
        style: QStyleItem{
            id:styleitem
            elementType: frame ? "frame" : ""
            sunken: true
        }
        anchors.fill: parent
        anchors.rightMargin: (frameAroundContents && vscrollbar.visible) ? vscrollbar.width + 4 : -frameWidth
        anchors.bottomMargin: (frameAroundContents && hscrollbar.visible) ? hscrollbar.height + 4 : -frameWidth
        anchors.topMargin: (frameAroundContents && hscrollbar.visible) ? hscrollbar.height + 4 : -frameWidth

        Rectangle {
            id:flickable
            color: "transparent"
            anchors.fill: parent
            anchors.margins: frame ? 2 : 0
            clip: true

            Item {
                id: docmargins
                anchors.fill:parent
                anchors.margins:contentMargin
                Item {
                    id: content
                    x: -scrollarea.contentX
                    y: -scrollarea.contentY
                }
            }
        }
    }

    ScrollBar {
        id: hscrollbar
        orientation: Qt.Horizontal
        visible: contentWidth > flickable.width
        maximumValue: contentWidth > flickable.width ? scrollarea.contentWidth - flickable.width : 0
        minimumValue: 0
        anchors.bottom: parent.bottom
        anchors.left: parent.left
        anchors.right: parent.right
        anchors.rightMargin: { return (frame ? 1 : 0) + ( vscrollbar.visible ? __scrollbarExtent : 0) }
        onValueChanged: contentX = value
    }

    ScrollBar {
        id: vscrollbar
        orientation: Qt.Vertical
        visible: contentHeight > flickable.height
        maximumValue: contentHeight > flickable.height ? scrollarea.contentHeight - flickable.height : 0
        minimumValue: 0
        anchors.right: parent.right
        anchors.top: parent.top
        anchors.bottom: parent.bottom
        anchors.bottomMargin:  { return (frame ? 1 : 0) + (hscrollbar.visible ? __scrollbarExtent : 0) }
        onValueChanged: contentY = value
    }

    QStyleBackground {
        z:2
        anchors.fill:parent
        anchors.margins:-2
        anchors.rightMargin:-4
        anchors.bottomMargin:-4
        visible: highlightOnFocus && parent.activeFocus && styleitem.styleHint("focuswidget")
        style: QStyleItem {
            id:framestyle
            elementType:"focusframe"
        }
    }
}