dtk6declarative/qt6/src/qml/FloatingPanel.qml at ef8640ad6900ffc4fa0ed177b324df4d31beb2ea · linuxdeepin/dtk6declarative · GitHub

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
// SPDX-FileCopyrightText: 2022 UnionTech Software Technology Co., Ltd.
//
// SPDX-License-Identifier: LGPL-3.0-or-later

import QtQuick
import org.deepin.dtk 1.0 as D
import org.deepin.dtk.style 1.0 as DS

Control {
    id: control

    padding: DS.Style.floatingPanel.radius / 2

    property D.Palette backgroundColor: DS.Style.floatingPanel.background
    property D.Palette backgroundNoBlurColor: DS.Style.floatingPanel.backgroundNoBlur
    property D.Palette dropShadowColor: DS.Style.floatingPanel.dropShadow
    property D.Palette outsideBorderColor: DS.Style.floatingPanel.outsideBorder
    property D.Palette insideBorderColor: DS.Style.floatingPanel.insideBorder
    // corner radius
    property int radius: DS.Style.floatingPanel.radius
    // blur radius
    property int blurRadius: 64
    // blur blurMultiplier
    property real blurMultiplier: 0.0
    property alias enableBlur: blur.valid

    background: D.InWindowBlur {
        id: blur
        implicitWidth: DS.Style.floatingPanel.width
        implicitHeight: DS.Style.floatingPanel.height
        radius: blurRadius
        multiplier: blurMultiplier
        offscreen: true

        D.ItemViewport {
            anchors.fill: parent
            fixed: true
            sourceItem: blur.content
            radius: control.radius
            hideSource: false
        }

        Loader {
            anchors.fill: parent
            active: Window.window && Window.window.color.a < 1 && blur.valid
            sourceComponent: D.ItemViewport {
                anchors.fill: parent
                fixed: true
                sourceItem: blur.content
                radius: control.radius
                hideSource: false
                compositionMode: DTK.CompositionMode.Source
                // The rounded corners are mainly clipped by the itemViewport above,
                // and this is primarily used for rendering the interior pixels of the rectangle during the second pass.
                // If anti-aliasing is enabled, it may result in extra pixels around the rounded edges, causing the clipping to be incomplete.
                antialiasing: false
            }
        }

        Loader {
            anchors.fill: backgroundRect
            active: control.dropShadowColor
            sourceComponent: BoxShadow {
                shadowOffsetX: 0
                shadowOffsetY: 6
                shadowColor: control.D.ColorSelector.dropShadowColor
                shadowBlur: 20
                cornerRadius: backgroundRect.radius
                spread: 0
                hollow: true
            }
        }

        Rectangle {
            id: backgroundRect
            anchors.fill: parent
            radius: control.radius
            color: blur.valid ? control.D.ColorSelector.backgroundColor
                              : control.D.ColorSelector.backgroundNoBlurColor
        }

        Loader {
            anchors.fill: backgroundRect
            active: control.insideBorderColor
            sourceComponent: InsideBoxBorder {
                radius: backgroundRect.radius
                color: control.D.ColorSelector.insideBorderColor
                borderWidth: DS.Style.control.borderWidth
            }
        }

        Loader {
            anchors.fill: backgroundRect
            active: control.outsideBorderColor
            sourceComponent: OutsideBoxBorder {
                radius: backgroundRect.radius
                color: control.D.ColorSelector.outsideBorderColor
                borderWidth: DS.Style.control.borderWidth
            }
        }
    }
}