Replace Rectangle mask with Quickshell.Widgets.ClippingRectangle

This commit is contained in:
2026-02-09 16:51:59 -08:00
parent 925b01939c
commit bcbf6c2df7
2 changed files with 9 additions and 74 deletions

View File

@@ -17,18 +17,8 @@ Variants {
screen: modelData
color: "#222222"
RectangularShadow {
anchors.fill: imageWrapper
transform: imageWrapper.transform
radius: roundMask.radius
blur: 30
spread: 10
color: "#000000"
}
Item {
id: imageWrapper
anchors.fill: parent
layer.enabled: true
Image {
anchors.fill: parent
fillMode: Image.PreserveAspectCrop
@@ -37,48 +27,6 @@ Variants {
return _source.substring(0, _source.length - 1)
}
}
transform: [Scale {
origin {x: width/2; y: height/2}
xScale: 0.8
yScale: xScale
NumberAnimation on xScale {
id: scaleAnim
running: false
to: 1
duration: 800
easing.type: Easing.InOutCubic
}
}, Translate {
NumberAnimation on y {
from: 100
to: 0
duration: 500
easing.type: Easing.OutQuint
onFinished: scaleAnim.start()
}
}]
layer.effect: MultiEffect {
maskSource: roundMask
maskEnabled: true
}
NumberAnimation on opacity {
from: 0
to: 1
duration: 250
}
}
Rectangle {
id: roundMask
visible: false
antialiasing: true
anchors.fill: imageWrapper
radius: 40
layer.enabled: true
NumberAnimation on radius {
running: scaleAnim.running
to: 0
duration: 800
}
}
FileView {