aboutsummaryrefslogtreecommitdiffstats
path: root/src/quickcontrols/windows/impl/SwitchIndicator.qml
blob: 0dd80dadf780dae4dc91d189d9f0ce38ed294958 (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
// Copyright (C) 2023 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

import QtQuick
import QtQuick.Templates as T

Rectangle {
    id: root
    x: control.text ? (control.mirrored
                       ? control.width - width - control.rightPadding : control.leftPadding)
                    : control.leftPadding + (control.availableWidth - width) / 2
    y: control.topPadding + (control.availableHeight - height) / 2
    implicitWidth: 40
    implicitHeight: 16
    radius: 3
    color: Qt.darker(control.palette.button, control.down ? 1.2 : 1.1)
    border.color: Qt.darker(control.palette.window, 1.4)

    readonly property bool __ignoreNotCustomizable: true
    readonly property real __focusFrameRadius: 2
    readonly property T.AbstractButton control: parent as T.AbstractButton

    // Checked indicator.
    Rectangle {
        x: root.control.mirrored ? parent.children[1].x : 0
        width: root.control.mirrored
            ? parent.width - parent.children[1].x : parent.children[1].x + parent.children[1].width
        height: parent.height
        radius: 3
        color: Qt.darker(root.control.palette.highlight, root.control.down ? 1.1 : 1)
        border.color: Qt.darker(root.control.palette.highlight, 1.35)
        border.width: root.control.enabled ? 1 : 0
        opacity: root.control.checked ? 1 : 0

        Behavior on opacity {
            enabled: !root.control.down
            NumberAnimation { duration: 80 }
        }
    }

    // Handle.
    Rectangle {
        x: Math.max(0, Math.min(parent.width - width,
            root.control.visualPosition * parent.width - (width / 2)))
        y: (parent.height - height) / 2
        width: 20
        height: 16
        radius: 3
        color: Qt.lighter(root.control.palette.button, root.control.down
            ? 1 : (root.control.hovered ? 1.07 : 1.045))
        border.width: 1
        border.color: Qt.darker(root.control.palette.window, 1.4)

        Behavior on x {
            enabled: !root.control.down
            SmoothedAnimation { velocity: 200 }
        }
    }
}