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
     }

【效果图】