如何禁用QML ShaderEffect并避免资源占用与报错？

Loader完全可以解决你的问题，而且是更彻底的方案——它能动态创建/销毁ShaderEffect实例，既避免了source无效的报错，又能在禁用时完全释放Shader占用的资源。

为什么原来的方法不行？ #

• 直接把source设为null：ShaderEffect实例依然存在，会持续尝试读取无效的纹理源，触发Property 'source' is not assigned a valid texture provider错误。
• 添加visible: shaderEnabled：只是隐藏了ShaderEffect的渲染结果，但对象本身还在后台运行，依然会占用GPU资源，并且同样会因为source无效抛出错误。

修改后的代码示例 #

用Loader包裹ShaderEffect，通过shaderEnabled控制Loader的active属性，启用时创建ShaderEffect实例，禁用时销毁它：

import QtQuick 2.15
import QtQuick.Window 2.15
import QtQuick.Controls 2.15

Window {
    width: 1024
    height: 600
    visible: true
    property bool shaderEnabled: true

    Rectangle {
        id: rect
        anchors.fill: parent
        color: "gray"
        layer.enabled: shaderEnabled

        Text {
            anchors.centerIn: parent
            text: qsTr("Hello")
            font.pixelSize: 40
            color: "blue"
        }
    }

    MouseArea {
        anchors.fill: parent
        onClicked: {
            const shaderItem = loader.item
            if (shaderItem && shaderItem.opacity > 0) {
                shaderItem.opacity = 0
                console.log("Hiding")
            } else if (shaderItem) {
                shaderItem.opacity = 1
                console.log("Showing")
            }
        }
    }

    Button {
        id: shaderButton
        text: shaderEnabled ? "Disable shader" : "Enable shader"
        onClicked: {
            shaderEnabled = !shaderEnabled
        }
    }

    // 用Loader动态加载/卸载ShaderEffect
    Loader {
        id: loader
        anchors.fill: parent
        active: shaderEnabled
        sourceComponent: ShaderEffect {
            anchors.fill: parent
            property variant source: rect
            Behavior on opacity { PropertyAnimation {} }
            opacity: 0
            fragmentShader: "
                varying highp vec2 qt_TexCoord0;
                uniform sampler2D source;
                uniform lowp float qt_Opacity;
                void main() {
                    gl_FragColor = texture2D(source, qt_TexCoord0) * vec4(1.0, 1.0, 0.0, 1.0) * qt_Opacity;
                }"
        }
    }
}

关键改动说明 #

1. Loader的active绑定shaderEnabled：当shaderEnabled为false时，Loader会销毁ShaderEffect实例，彻底停止Shader的运行，释放GPU资源。
2. ShaderEffect的source固定绑定rect：只有在Loader创建ShaderEffect时，source才会被赋值，避免了无效的null赋值。
3. MouseArea的逻辑调整：需要先判断loader.item是否存在（即ShaderEffect是否被加载），再操作opacity。

内容的提问来源于stack exchange，提问作者Evan Krause