src/labs/stylekit/Slider.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

// Copyright (C) 2025 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR LGPL-3.0-only OR GPL-2.0-only OR GPL-3.0-only
// Qt-Security score:significant reason:default

import QtQuick
import QtQuick.Templates as T
import Qt.labs.StyleKit
import Qt.labs.StyleKit.impl

T.Slider {
    id: control

    implicitWidth: Math.max(implicitBackgroundWidth + leftInset + rightInset,
                            implicitHandleWidth + leftPadding + rightPadding,
                            implicitContentWidth + leftPadding + rightPadding)

    implicitHeight: Math.max(implicitBackgroundHeight + topInset + bottomInset,
                             implicitHandleHeight + topPadding + bottomPadding,
                             implicitContentHeight + topPadding + bottomPadding)

    leftPadding: styleReader.leftPadding
    topPadding: styleReader.topPadding
    rightPadding: styleReader.rightPadding
    bottomPadding: styleReader.bottomPadding
    spacing: styleReader.spacing

    states: [
        /* The delegate logic is moved out of the delegate, to relieve the style
         * developer from having to re-invent it if he changes the delegate. To
         * disable it, 'states' can be set to an empty array from the outside. */
        State {
            when: horizontal
            PropertyChanges  {
                // The width of the handle is fixed. But its margins are is used
                // to describe the area within the content area that the handle
                // is allowed to move.
                control.handle.x: leftPadding + styleReader.handle.leftMargin
                   + (visualPosition * (availableWidth - styleReader.handle.leftMargin
                         - styleReader.handle.rightMargin - handle.width))
                // The height of the handle is fixed. But the margins are used to
                // shift its position up or down from the center of the content area.
                control.handle.y: topPadding
                    + styleReader.handle.topMargin - styleReader.handle.bottomMargin
                    + (availableHeight - control.handle.height) / 2
            }
        },
        State {
            // Note: we deliberatly flip margins (but not padding) in vertical
            // mode since a vertical slider is logically a flipped horizontal slider.
            when: control.vertical
            PropertyChanges  {
                control.handle.x: leftPadding
                   + styleReader.handle.topMargin - styleReader.handle.bottomMargin
                   + (availableWidth + handle.height) / 2
                control.handle.y: topPadding + styleReader.handle.leftMargin
                   + (visualPosition * (availableHeight - styleReader.handle.leftMargin
                         - styleReader.handle.rightMargin - handle.width))
                control.handle.rotation: 90
                control.handle.transformOrigin: Item.TopLeft
            }
        }
    ]

    StyleKitControl.controlType: styleReader.type
    StyleKitReader {
        id: styleReader
        type: StyleKitReader.Slider
        enabled: control.enabled
        focused: control.activeFocus
        hovered: control.hovered
        pressed: control.pressed
        palette: control.palette
        vertical: !control.horizontal
    }

    handle: HandleDelegate {
        parentControl: control
        handleProperties: styleReader.handle
    }

    background: BackgroundAndIndicatorDelegate {
        parentControl: control
        indicatorProperties: styleReader.indicator
        backgroundProperties: styleReader.background
        indicator.secondProgress: control.position
        vertical: control.vertical
    }
}