NowPlaying
Code Issues

refactor(qml): replace qt5compat opacitymask with multieffect

Browse Source
This commit is contained in:
ruinivist
2026-05-30 13:03:34 +00:00
parent 6d8f237547
commit 42268d7266
1 changed files with 22 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package/contents/ui/LabelContent.qml
+22 -21
View File
@@ -1,5 +1,5 @@
import Qt5Compat.GraphicalEffects
import QtQuick import QtQuick
import QtQuick.Effects
Item { Item {
id: labelContent id: labelContent
@@ -115,7 +115,7 @@ Item {
asynchronous: true asynchronous: true
cache: true cache: true
fillMode: Image.PreserveAspectCrop fillMode: Image.PreserveAspectCrop
visible: false opacity: 0
source: labelContent.currentArtworkSource source: labelContent.currentArtworkSource
sourceSize.width: labelContent.artworkSize sourceSize.width: labelContent.artworkSize
sourceSize.height: labelContent.artworkSize sourceSize.height: labelContent.artworkSize
@@ -128,7 +128,7 @@ Item {
asynchronous: true asynchronous: true
cache: true cache: true
fillMode: Image.PreserveAspectCrop fillMode: Image.PreserveAspectCrop
visible: false opacity: 0
source: labelContent.incomingArtworkSource source: labelContent.incomingArtworkSource
sourceSize.width: labelContent.artworkSize sourceSize.width: labelContent.artworkSize
sourceSize.height: labelContent.artworkSize sourceSize.height: labelContent.artworkSize
@@ -144,38 +144,39 @@ Item {
} }
} }
OpacityMask { Rectangle {
id: artworkMaskShape
anchors.fill: parent
antialiasing: true
color: "white"
layer.enabled: true
radius: labelContent.borderRadius
visible: false
}
MultiEffect {
id: currentArtworkMask id: currentArtworkMask
anchors.fill: parent anchors.fill: parent
cached: true autoPaddingEnabled: false
maskEnabled: true
maskSource: artworkMaskShape
source: currentArtworkImage source: currentArtworkImage
opacity: labelContent.currentArtworkOpacity opacity: labelContent.currentArtworkOpacity
visible: labelContent.currentArtworkSource.length > 0 && opacity > 0 visible: labelContent.currentArtworkSource.length > 0 && opacity > 0
maskSource: Rectangle {
width: labelContent.width
height: labelContent.height
radius: labelContent.borderRadius
} }
} MultiEffect {
OpacityMask {
id: incomingArtworkMask id: incomingArtworkMask
anchors.fill: parent anchors.fill: parent
cached: true autoPaddingEnabled: false
maskEnabled: true
maskSource: artworkMaskShape
source: incomingArtworkImage source: incomingArtworkImage
opacity: labelContent.incomingArtworkOpacity opacity: labelContent.incomingArtworkOpacity
visible: labelContent.incomingArtworkSource.length > 0 && opacity > 0 visible: labelContent.incomingArtworkSource.length > 0 && opacity > 0
maskSource: Rectangle {
width: labelContent.width
height: labelContent.height
radius: labelContent.borderRadius
}
} }
Column { Column {