diff options
| author | Erik Prabowo Kamal <erik@darapsa.org> | 2025-12-12 22:03:27 +0800 |
|---|---|---|
| committer | Erik Prabowo Kamal <erik@darapsa.org> | 2025-12-12 22:03:27 +0800 |
| commit | d71942a538dd9fd9e335cd32639e78eb9aad90e1 (patch) | |
| tree | b10e734c67d09da6c1f105d9fd925be50dfbbddb /Shop/ProductDetail | |
| parent | cd1e0f2af47b2be460e45b750788809eb252193a (diff) | |
Reimplement Qt5 OpacityMask using Qt6 MultiEffect
Remaining ones.
See 93b25dfa97494184493e02b75766e57bc6fe79bb
https://darapsa.org/qeduport.git/commit/?id=93b25dfa97494184493e02b75766e57bc6fe79bb
Diffstat (limited to 'Shop/ProductDetail')
| -rw-r--r-- | Shop/ProductDetail/LeftSidebar.ui.qml | 37 |
1 files changed, 21 insertions, 16 deletions
diff --git a/Shop/ProductDetail/LeftSidebar.ui.qml b/Shop/ProductDetail/LeftSidebar.ui.qml index be1f47d..6025b8c 100644 --- a/Shop/ProductDetail/LeftSidebar.ui.qml +++ b/Shop/ProductDetail/LeftSidebar.ui.qml @@ -1,7 +1,7 @@ import QtQuick import QtQuick.Controls import QtQuick.Layouts -import Qt5Compat.GraphicalEffects +import QtQuick.Effects import Eduport import "../../Button" import "../../DropShadow" @@ -11,29 +11,34 @@ Rectangle { id: sidebarCard height: sidebarCardImage.height + cardBody.height - Rectangle { + Image { id: sidebarCardImage - width: parent.width - height: sidebarCardImage.width - radius: 8 anchors.left: parent.left anchors.right: parent.right anchors.top: parent.top anchors.rightMargin: 0 anchors.leftMargin: 0 anchors.topMargin: 0 - Image { - id: sidebarCardImageSource - anchors.fill: parent - visible: false - source: "https://eduport.webestica.com/assets/images/book/01.jpg" - fillMode: Image.PreserveAspectCrop + source: "https://eduport.webestica.com/assets/images/book/01.jpg" + sourceSize { + width: parent.width + height: sidebarCardImage.width + } + fillMode: Image.PreserveAspectCrop + layer { + enabled: true + effect: MultiEffect { + maskEnabled: true + maskSource: maskRectangle + } } - OpacityMask { - id: sidebarCardImageMask - anchors.fill: sidebarCardImage - source: sidebarCardImageSource - maskSource: sidebarCardImage + Rectangle { + id: maskRectangle + width: sidebarCardImage.sourceSize.width + height: sidebarCardImage.sourceSize.height + radius: 8 + layer.enabled: true + visible: false } } RowLayout { |