diff options
| author | Erik Prabowo Kamal <erik@darapsa.org> | 2025-12-12 18:40:48 +0800 |
|---|---|---|
| committer | Erik Prabowo Kamal <erik@darapsa.org> | 2025-12-12 18:40:48 +0800 |
| commit | 70eefa50f9a70554d9db7004e48555858dfc008c (patch) | |
| tree | 4989a20b6676ab297bd5cffa75a1fdee33e53be2 /Home/Default.ui.qml | |
| parent | e8f2d82e994973a274ec3a72cbb568baffb91ffc (diff) | |
Reimplement Qt5 DropShadow using Qt6 MultiEffect
https://stackoverflow.com/questions/66145143/how-to-create-dropshadow-effect-in-qml-with-qt6#66162760
Didn't follow the checked answer cause it's still using Qt5Compat.
Follow the 1st answer instead.
Don't know how to reimplement DropShadow's samples & radius yet.
Opacity needs to be separated, don't set it on Qt.rgba, otherwise the
resulting colour would be too soft/light/invisible.
Diffstat (limited to 'Home/Default.ui.qml')
| -rw-r--r-- | Home/Default.ui.qml | 8 |
1 files changed, 5 insertions, 3 deletions
diff --git a/Home/Default.ui.qml b/Home/Default.ui.qml index 3ff4e84..0381e9d 100644 --- a/Home/Default.ui.qml +++ b/Home/Default.ui.qml @@ -1,7 +1,7 @@ import QtQuick import QtQuick.Controls import QtQuick.Layouts -import Qt5Compat.GraphicalEffects +import QtQuick.Effects import Bootstrap import Eduport import ".." @@ -107,10 +107,12 @@ Flickable { Layout.fillWidth: true implicitHeight: image.height - DropShadow { + MultiEffect { source: angularRectangle anchors.fill: angularRectangle - color: Qt.rgba(.113, .227, .325, .15) + shadowEnabled: true + shadowColor: Qt.rgba(.113, .227, .325, 1.0) + shadowOpacity: .15 } Rectangle { |