Salastil/DankMaterialShell
1
0
Fork 0
mirror of https://github.com/AvengeMedia/DankMaterialShell.git synced 2025-12-06 05:25:41 -05:00
Code Packages Releases Activity

also use shader for DankCircularImage

Browse Source
This commit is contained in:
bbedward
2025-09-22 12:31:16 -04:00
parent ca11735c1d
commit aa52b586d6
1 changed files with 66 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
Widgets/DankCircularImage.qml
View File

@@ -1,34 +1,41 @@
import QtQuick
import QtQuick.Effects
import Quickshell
import qs.Common
import qs.Widgets
Rectangle {
Item {
id: root
property string imageSource: ""
property string fallbackIcon: "notifications"
property string fallbackText: ""
property bool hasImage: imageSource !== ""
property alias imageStatus: internalImage.status
property alias imageStatus: sourceImage.status
property color borderColor: "transparent"
property real borderWidth: 0
property real imageOpacity: 1.0
radius: width / 2
width: 64
height: 64
Rectangle {
id: background
anchors.fill: parent
color: Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.1)
border.color: "transparent"
border.width: 0
radius: width * 0.5
Image {
id: internalImage
id: sourceImage
anchors.fill: parent
anchors.margins: 2
asynchronous: true
source: root.imageSource
visible: false
fillMode: Image.PreserveAspectCrop
smooth: true
mipmap: true
asynchronous: true
antialiasing: true
cache: true
visible: false
source: root.imageSource
Component.onCompleted: {
sourceSize.width = 128
@@ -36,32 +43,24 @@ Rectangle {
}
}
MultiEffect {
ShaderEffect {
anchors.fill: parent
anchors.margins: 2
source: internalImage
maskEnabled: true
maskSource: circularMask
visible: internalImage.status === Image.Ready && root.imageSource !== ""
maskThresholdMin: 0.5
maskSpreadAtMin: 1
visible: sourceImage.status === Image.Ready && root.imageSource !== ""
property var source: ShaderEffectSource {
sourceItem: sourceImage
hideSource: true
live: true
recursive: false
format: ShaderEffectSource.RGBA
}
Item {
id: circularMask
width: parent.width - 4
height: parent.height - 4
anchors.centerIn: parent
layer.enabled: true
layer.smooth: true
visible: false
property real imageOpacity: root.imageOpacity
Rectangle {
anchors.fill: parent
radius: width / 2
color: "black"
antialiasing: true
}
fragmentShader: Qt.resolvedUrl("../Shaders/qsb/circled_image.frag.qsb")
supportsAtlasTextures: false
blending: true
}
DankIcon {
@@ -69,18 +68,7 @@ Rectangle {
name: root.fallbackIcon
size: parent.width * 0.5
color: Theme.surfaceVariantText
visible: internalImage.status !== Image.Ready && root.imageSource === "" && root.fallbackIcon !== ""
}
Rectangle {
anchors.fill: parent
anchors.margins: 0
radius: width / 2
color: "transparent"
border.color: Theme.popupBackground()
border.width: 3
visible: root.hasImage && internalImage.status === Image.Ready
antialiasing: true
visible: sourceImage.status !== Image.Ready && root.imageSource === "" && root.fallbackIcon !== ""
}
StyledText {
@@ -91,4 +79,14 @@ Rectangle {
font.weight: Font.Bold
color: Theme.primaryText
}
Rectangle {
anchors.fill: parent
radius: width / 2
color: "transparent"
border.color: root.borderColor !== "transparent" ? root.borderColor : Theme.popupBackground()
border.width: root.hasImage && sourceImage.status === Image.Ready ? (root.borderWidth > 0 ? root.borderWidth : 3) : 0
antialiasing: true
}
}
}