qml ShaderEffect作用于控件例子

QML中的ShaderEffect是一个强大的工具，它允许你在Qt Quick应用程序中应用自定义图形效果，通常是通过GPU加速的着色器来实现的。ShaderEffect通常用于需要高级视觉效果或实时处理的应用场景，比如图像过滤、光照模拟或粒子系统等。

例如，你可以创建一个ShaderEffect，给一个Rectangle控件添加一个模糊效果，让其看起来像是透过某种材质看到的背景。首先，在你的QML文件里，你会这样定义ShaderEffect：

import QtQuick.Controls 2.0
import QtQuick.Shading 2.0

Item {
    id: parentItem
    width: 400
    height: 400
    
    Effect {
        id: blurEffect
        type: "Blur"
        uniforms: {
            resolution: Qt.rectF(parentItem.width, parentItem.height)
            sigmaX: 15 // 模糊半径，数值越大模糊越明显
            sigmaY: 15
        }
        target: Rectangle {
            anchors.fill: parentItem
            color: "black" // 真实的颜色将会被模糊后的效果覆盖
        }
    }
}

在这个例子中，Rectangle控件被`blurEffect`所影响，它的颜色会被模糊处理过。当`parentItem`大小改变时，模糊效果会自动调整以适应新的分辨率。