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
    }

【效果图】