diff options
| author | Erik Prabowo Kamal <erik@darapsa.org> | 2025-12-11 15:09:38 +0800 |
|---|---|---|
| committer | Erik Prabowo Kamal <erik@darapsa.org> | 2025-12-11 15:09:38 +0800 |
| commit | 5f777bca13beadd0a56d2264225b0c09e49541a2 (patch) | |
| tree | d287c6ff137b6a3a22d21b69d2eda717e2d5d24d /Card.ui.qml | |
| parent | 2ae7f9fbcdae2b98fef194418cec522aaebe51e4 (diff) | |
Therefore no longer depends on Qt5Compat GraphicalEffects.
The mask Rectangle needs to be put outside of the MultiEffect,
and referred to by the Rectangle's ID.
It wouldn't work if it's put directly on MultiEffect's maskSource.
Diffstat (limited to 'Card.ui.qml')
| -rw-r--r-- | Card.ui.qml | 22 |
1 files changed, 14 insertions, 8 deletions
diff --git a/Card.ui.qml b/Card.ui.qml index c713a7b..44da57a 100644 --- a/Card.ui.qml +++ b/Card.ui.qml @@ -1,7 +1,7 @@ import QtQuick import QtQuick.Controls import QtQuick.Layouts -import Qt5Compat.GraphicalEffects +import QtQuick.Effects import Bootstrap Item { @@ -33,15 +33,21 @@ Item { width: 44 height: 44 } - layer.enabled: true - layer.effect: OpacityMask { - maskSource: Rectangle { - width: 44 - height: 44 - radius: 22 + layer { + enabled: true + effect: MultiEffect { + maskEnabled: true + maskSource: maskRectangle } } - + Rectangle { + id: maskRectangle + width: 44 + height: 44 + radius: 22 + layer.enabled: true + visible: false + } MouseArea { id: imageArea anchors.fill: parent |