adding a blurred rect for background but it's not doing what I want

This commit is contained in:
Chris Cochrun 2022-10-13 13:23:47 -05:00
parent 478792913c
commit 1cac1e071a

View file

@ -7,6 +7,7 @@ import QtQuick.Layouts 1.2
import QtQml.Models 2.12 import QtQml.Models 2.12
/* import QtMultimedia 5.15 */ /* import QtMultimedia 5.15 */
/* import QtAudioEngine 1.15 */ /* import QtAudioEngine 1.15 */
import QtGraphicalEffects 1.15
import org.kde.kirigami 2.13 as Kirigami import org.kde.kirigami 2.13 as Kirigami
import "./" as Presenter import "./" as Presenter
import org.presenter 1.0 import org.presenter 1.0
@ -20,6 +21,15 @@ Item {
id: background id: background
color: Kirigami.Theme.backgroundColor color: Kirigami.Theme.backgroundColor
anchors.fill: parent anchors.fill: parent
}
FastBlur {
id: backgroundBlur
source: background
anchors.fill: parent
radius: 82
}
ColumnLayout { ColumnLayout {
id: layout id: layout
anchors.fill: parent anchors.fill: parent
@ -164,9 +174,10 @@ Item {
id: label id: label
anchors.left: parent.left anchors.left: parent.left
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.leftMargin: 5
text: name text: name
elide: Text.ElideRight elide: Text.ElideRight
width: parent.width - trailing.width - 10 width: parent.width - trailing.width - 15
color: { color: {
if (selected || if (selected ||
mouseHandler.containsMouse || active) mouseHandler.containsMouse || active)
@ -180,8 +191,15 @@ Item {
id: trailing id: trailing
anchors.right: parent.right anchors.right: parent.right
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.rightMargin: 5
text: type text: type
color: Kirigami.Theme.disabledTextColor color: {
if (selected ||
mouseHandler.containsMouse || active)
Kirigami.Theme.highlightedTextColor;
else
Kirigami.Theme.disabledTextColor;
}
} }
onYChanged: serviceItemList.updateDrag(Math.round(y)); onYChanged: serviceItemList.updateDrag(Math.round(y));
@ -415,7 +433,7 @@ Item {
} }
} }
}
Component.onCompleted: { Component.onCompleted: {
totalServiceItems = serviceItemList.count; totalServiceItems = serviceItemList.count;
print("THE TOTAL SERVICE ITEMS: " + totalServiceItems); print("THE TOTAL SERVICE ITEMS: " + totalServiceItems);