blob: d702389cdf6d3bf7f399f73aeb97f5cae6647412 (
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
|
// Copyright (C) 2017 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.Controls.Material
import QtQuick.Controls.Material.impl
/*
A implementation of CSS's box-shadow, used by ElevationEffect for a Material Design
elevation shadow effect.
*/
RectangularGlow {
// The 4 properties from CSS box-shadow, plus the inherited color property
property int offsetX
property int offsetY
property int blurRadius
property int spreadRadius
// The strength of the shadow. We have this because RectangularGlow spreads
// out the shadow thinly, whereas lower elevation levels in Material 3
// are less spread out and stronger. This is only used for items with fully-rounded
// corners, like buttons.
property real strength
// The source item the shadow is being applied to, used for correctly
// calculating the corner radious
property Item source
property bool fullWidth
property bool fullHeight
// qmllint disable unqualified
// Intentionally duck-typed (QTBUG-94807)
readonly property real sourceRadius: source && source.radius || 0
x: (parent.width - width)/2 + offsetX
y: (parent.height - height)/2 + offsetY
implicitWidth: source ? source.width : parent.width
implicitHeight: source ? source.height : parent.height
width: implicitWidth + 2 * spreadRadius + (fullWidth ? 2 * cornerRadius : 0)
height: implicitHeight + 2 * spreadRadius + (fullHeight ? 2 * cornerRadius : 0)
glowRadius: blurRadius/2
spread: strength
cornerRadius: blurRadius + sourceRadius
}
|