Use Qt6 compatible blur effect.

example/qml/page/T_Acrylic.qml

@@ -20,21 +20,23 @@ FluScrollablePage{
             height: 1200/5
             radius:[15,15,15,15]
             Image {
+                id:image
                 asynchronous: true
                 source: "qrc:/example/res/image/banner_3.jpg"
                 anchors.fill: parent
                 sourceSize: Qt.size(width,height)
-                FluAcrylic {
+            }
-                    anchors.bottom: parent.bottom
+            FluAcrylic {
-                    anchors.right: parent.right
+                sourceItem:image
-                    width: 100
+                anchors.bottom: parent.bottom
-                    height: 100
+                anchors.right: parent.right
-                    FluText {
+                width: 100
-                        anchors.centerIn: parent
+                height: 100
-                        text: "Acrylic"
+                FluText {
-                        color: "#FFFFFF"
+                    anchors.centerIn: parent
-                        font.bold: true
+                    text: "Acrylic"
-                    }
+                    color: "#FFFFFF"
+                    font.bold: true
                 }
             }
             Layout.topMargin: 20
@@ -45,15 +47,17 @@ FluScrollablePage{
         Layout.fillWidth: true
         Layout.topMargin: -1
         code:'Image{
+    id:image
     width: 800
     height: 600
     source: "qrc:/example/res/image/image_huoyin.webp"
     radius: 8
+    }
     FluAcrylic{
+        sourceItem:image
         width: 100
         height: 100
         anchors.centerIn: parent
-    }
 }'
     }
 

src/imports/FluentUI/Controls/FluAcrylic.qml

@@ -23,11 +23,9 @@ Item {
         sourceRect: Qt.rect(control.x, control.y, control.width, control.height)
     }
 
-    GaussianBlur {
+    FastBlur {
         radius: 20
         anchors.fill: effect_source
         source: effect_source
-        samples: 1 + radius * 2
     }
-
 }