qt qml fuzzyPanel 毛玻璃效果

毛玻璃效果，用qml來寫代碼真是簡短，大愛qml：）

【下載地址】http://download.csdn.net/detail/surfsky/8426641

【核心代碼】

Rectangle{
    clip: true

    // 屬性
    property Item target  // 模糊源

    // 毛玻璃效果
    FastBlur {
        id: blur
        source: parent.target
        width: source.width;
        height: source.height
        radius: 64
    }

    // 設置模糊組件的位置
    onXChanged: setBlurPosition();
    onYChanged: setBlurPosition();
    Component.onCompleted: setBlurPosition();
    function setBlurPosition(){
        blur.x = target.x - x;
        blur.y = target.y - y;
    }
}

【調用方法】

    FuzzyPanel{
        id: panel
        width: 200;
        height: 200;
        x: 200
        y: 200
        target: panelBg
    }

【效果圖】