summaryrefslogtreecommitdiff
path: root/src/extras/Styles/Flat/GaugeStyle.qml
blob: 1526bb3c89f01777efb8ae1bc72ddf4ea714d9bf (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
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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
/****************************************************************************
**
** Copyright (C) 2021 The Qt Company Ltd.
** Contact: https://www.qt.io/licensing/
**
** This file is part of the Qt Quick Extras module of the Qt Toolkit.
**
** $QT_BEGIN_LICENSE:COMM$
**
** Commercial License Usage
** Licensees holding valid commercial Qt licenses may use this file in
** accordance with the commercial license agreement provided with the
** Software or, alternatively, in accordance with the terms contained in
** a written agreement between you and The Qt Company. For licensing terms
** and conditions see https://www.qt.io/terms-conditions. For further
** information use the contact form at https://www.qt.io/contact-us.
**
** $QT_END_LICENSE$
**
**
**
**
**
**
**
**
**
**
**
**
**
**
**
**
**
**
**
****************************************************************************/

import QtQuick 2.2
import QtQuick.Controls 1.4
import QtQuick.Controls.Styles 1.4 as Base
import QtQuick.Controls.Styles.Flat 1.0
import QtQuick.Extras.Private 1.0

Base.GaugeStyle {
    id: gaugeStyle

    readonly property int __totalValueBarWidth: Math.round(22 * FlatStyle.scaleFactor + __lineSpacing + __lineWidth)
    readonly property int __actualValueBarWidth: __totalValueBarWidth - __lineSpacing - __lineWidth
    readonly property int __lineWidth: FlatStyle.onePixel
    readonly property int __lineSpacing: Math.round(3 * FlatStyle.scaleFactor)

    background: Item {
        Rectangle {
            color: control.enabled ? FlatStyle.styleColor : FlatStyle.disabledColor
            opacity: control.enabled ? 1 : 0.2
            width: __lineWidth
            height: parent.height
            x: control.tickmarkAlignment === Qt.AlignLeft || control.tickmarkAlignment === Qt.AlignTop ? parent.width - width : 0
        }
    }

    valueBar: Item {
        implicitWidth: __totalValueBarWidth

        Rectangle {
            color: control.enabled ? FlatStyle.styleColor : FlatStyle.disabledColor
            opacity: control.enabled ? 1 : 0.2
            x: control.tickmarkAlignment === Qt.AlignRight || control.tickmarkAlignment === Qt.AlignBottom ? __lineWidth + __lineSpacing : 0
            implicitWidth: __actualValueBarWidth
            height: parent.height
        }
    }

    foreground: null

    tickmark: Item {
        id: tickmarkItem
        implicitWidth: Math.round(12 * FlatStyle.scaleFactor)
        implicitHeight: FlatStyle.onePixel

        Rectangle {
            x: control.tickmarkAlignment === Qt.AlignLeft || control.tickmarkAlignment === Qt.AlignTop
               ? parent.width + __actualValueBarWidth / 2 - width / 2
               : -__actualValueBarWidth / 2 - width / 2
            // Length of the tickmark is the same as the spacing between the tickmarks and labels.
            width: parent.width
            height: parent.height
            color: gaugeStyle.valuePosition > styleData.valuePosition + height ? FlatStyle.selectedTextColor : (control.enabled ? FlatStyle.styleColor : FlatStyle.disabledColor)
            opacity: gaugeStyle.valuePosition > styleData.valuePosition + height ? 0.5 : (control.enabled ? 1 : 0.2)
            visible: (styleData.index === 0 && gaugeStyle.valuePosition === 0) ||
                (styleData.index !== 0 && (gaugeStyle.valuePosition <= styleData.valuePosition || gaugeStyle.valuePosition > styleData.valuePosition + height))
        }
    }

    minorTickmark: Item {
        implicitWidth: Math.round(6 * FlatStyle.scaleFactor)
        implicitHeight: FlatStyle.onePixel

        Rectangle {
            x: control.tickmarkAlignment === Qt.AlignLeft || control.tickmarkAlignment === Qt.AlignTop
               ? parent.width + __actualValueBarWidth / 2 - width / 2
               : -__actualValueBarWidth / 2 - width / 2
            width: parent.width
            height: parent.height
            color: control.enabled ? FlatStyle.styleColor : FlatStyle.disabledColor
            opacity: control.enabled ? 1 : 0.2
            visible: gaugeStyle.valuePosition <= styleData.valuePosition
        }
    }

    tickmarkLabel: Item {
        implicitWidth: textLabel.implicitWidth
        implicitHeight: textLabel.implicitHeight

        Label {
            id: textLabel
            text: control.formatValue(styleData.value)
            font: control.font
            color: control.enabled ? FlatStyle.defaultTextColor : FlatStyle.disabledColor
            opacity: control.enabled ? 1 : FlatStyle.disabledOpacity
            renderType: FlatStyle.__renderType
            Connections {
                target: control
                // Setting an anchor to undefined leaves it in the position it was in last.
                // We don't want that, as we want the label's y pos to be at zero when it's not anchored.
                // Using a binding here whose when property is true when control.orientation === Qt.Horizontal
                // doesn't work.
                function onOrientationChanged() { textLabel.y = 0 }
            }
            anchors.baseline: control.orientation === Qt.Vertical ? parent.verticalCenter : undefined
        }
    }
}