QML 图形渲染 - HueSaturation

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

属性介绍

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

2. hue : real
   添加到源色调值的色调值。该值的范围为 -1.0（减小）到 1.0（增大）。默认情况下，该值为 0.0（无更改）

3. lightness : real
   添加到源饱和度值的亮度值。该值的范围为 -1.0（减小）到 1.0（增大）。默认情况下，该值为 0.0（无更改）

4. saturation : real
   添加到源饱和值的饱和值。该值的范围为 -1.0（减小）到 1.0（增大）。默认情况下，该值为 0.0（无更改）

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

注意事项

1. HueSaturation 支持 OpenGL 渲染
2. HueSaturation 类似于着色效果，但色调和饱和度属性值的处理方式不同。HueSaturation 效果始终会将色调、饱和度和亮度从原始效果移动，而不是设置它们

不同数值效果展示

官方示例

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
    }
    
    HueSaturation {
        anchors.fill: bug
        source: bug
        hue: -0.3
        saturation: 0.5
        lightness: -0.1
    }
}