QML 图形渲染 - Desaturate

作者：billy
版权声明：著作权归作者所有，商业转载请联系作者获得授权，非商业转载请注明出处

属性介绍

• cached : bool
  使用缓存效果输出像素，可以提高渲染性能。每次更改源或效果属性时，都必须更新缓存中的像素。会增加内存消耗，因为存储效果输出需要额外的内存缓冲区。所以我们建议在源属性或效果属性设置动画时禁用缓存。默认为 false

• desaturation : real
  源颜色的去饱和程度。该值的范围为 0.0（无变化）到 1.0（去饱和）。默认情况下，该值为 0.0

• source : variant
  为效果提供源像素的源项。注意：不支持让效果包含自身

注意事项

1. Desaturate 支持 OpenGL 渲染
2. 去饱和像素值作为源项的原始 RGB 分量值的平均值计算

不同数值效果展示

官方示例

import QtQuick 2.12
import QtGraphicalEffects 1.12

Item {
    width: 300
    height: 300
    
    Image {
        id: bug
        source: "images/bug.jpg"
        sourceSize: Qt.size(parent.width, parent.height)
        smooth: true
        visible: false
    }
    
    Desaturate {
        anchors.fill: bug
        source: bug
        desaturation: 0.8
    }
}