QML模糊效果

Question

我希望整個屏幕必須在中心旁邊模糊。 我該怎麼做？

FastBlur 
{ 
    x: 0 
    y: 0 
    height: Screen.desktopAvailableHeight 
    width: Screen.desktopAvailableWidth 
    source: video 
    radius: 100 
} 

//我想這個廣場無殘影

Rectangle 
{ 
    x: 100 
    y: 100 
    height: 250 
    width: 250 
    color: "red" 
} 

Answer 1

import QtQuick 2.5 
import QtQuick.Window 2.2 
import QtGraphicalEffects 1.0 

Window 
{ 
    visible: true 
    width: 640 
    height: 480 
    title: qsTr("Hello World") 

    Image 
    { 
     id:img 
     source:"qrc:/Tulips.jpg" 
     anchors.fill: parent 
     visible: false 
    } 

    FastBlur 
    { 
     anchors.fill: parent 
     source: img 
     radius: 100 
    } 

    Rectangle 
    { 
     id:rect 
     height: 250 
     width: 250 
     anchors.centerIn: parent 
     color:"red" 
    } 
} 

Answer 2

使用z值？

Window { 
    Rectangle { 
     z: 0 
     id: blurred_background 
     anchors.fill: parent 
    } 
    FastBlue { 
     z: 1 
     anchors.fill: parent 
     source: blurred_background 
    } 
    Rectangle { 
     z: 2 
     id: nonblurred_foreground 
     height: 250 
     width: 250 
    } 
} 

用任何你想要的物品代替矩形！ 並確保不要忽略文檔中的警告blur cannot blur a parent of itself as source！