HueSaturation QML Type

更改 HSL 色彩空间中的源项目颜色。更多

Import Statement:	`import Qt5Compat.GraphicalEffects`
Since:	QtGraphicalEffects 1.0
Inherits:	Item

所有成员（包括继承成员）的列表

属性

cached : bool
hue : real
lightness : real
saturation : real
source : variant

详细说明

色相饱和度与Colorize 效果类似，但色相和饱和度属性值的处理方式不同。色相饱和度 "特效总是从原始值移动色相、饱和度和亮度，而不是设置它们。

来源	应用的效果

示例

下面的示例展示了如何应用该效果。

import QtQuick
import Qt5Compat.GraphicalEffects

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
    }
}

属性文档

cached : bool

此属性允许缓存效果输出像素，以提高渲染性能。

每次更改源或效果属性时，都必须更新缓存中的像素。由于需要额外的内存缓冲区来存储效果输出，因此会增加内存消耗。

建议在动画源或特效属性时禁用缓存。

默认情况下，该属性设置为false 。

hue : real

该属性定义了添加到源色调值的色调值。

该值范围为-1.0（减小）至 1.0（增大）。默认情况下，该属性设置为0.0 （不变）。

不同色相值的输出示例

色调：-0.3	色调：0.0	色调：0.3
saturation:0	saturation:0	saturation:0
lightness:0	lightness:0	lightness:0

lightness : real

该属性定义了添加到源饱和度值的亮度值。

该值范围从 -1.0 （减少）到 1.0 （增加）。默认情况下，该属性设置为0.0 （无变化）。

不同亮度值的输出示例

亮度：-0.5	亮度：0.0	亮度：0.5
hue:0	hue:0	hue:0
saturation:0	saturation:0	saturation:0

saturation : real

该属性定义添加到源饱和度值的饱和度值。

数值范围从 -1.0 （减少）到 1.0 （增加）。默认情况下，该属性设置为0.0 （无变化）。

不同饱和度值的输出示例

饱和度：-0.8	饱和度0.0	饱和度1.0
hue:0	hue:0	hue:0
lightness:0	lightness:0	lightness:0

source : variant

此属性定义了为效果提供源像素的源项。

注意： 不支持让效果包含自身，例如将源设置为效果的父项。

© 2025 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.