Sur cette page

HueSaturation QML Type

Modifie les couleurs des éléments source dans l'espace colorimétrique HSL. En savoir plus...

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

Item

Propriétés

Description détaillée

L'effet « HueSaturation » est similaire à l'effet « Colorize », mais les valeurs des propriétés de teinte et de saturation sont gérées différemment. L'effet « HueSaturation » modifie toujours la teinte, la saturation et la luminosité de l'image d'origine, au lieu de les définir.

SourceEffet appliqué

Coléoptère noir sur une feuille

Coléoptère dont la teinte et la saturation ont été ajustées

Exemple

L'exemple suivant montre comment appliquer l'effet.

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

Documentation sur les propriétés

cached : bool

Cette propriété permet de mettre en cache les pixels de sortie de l'effet afin d'améliorer les performances de rendu.

Chaque fois que les propriétés de la source ou de l'effet sont modifiées, les pixels du cache doivent être mis à jour. La consommation de mémoire augmente, car un tampon mémoire supplémentaire est nécessaire pour stocker la sortie de l'effet.

Il est recommandé de désactiver le cache lorsque les propriétés de la source ou de l’effet sont animées.

Par défaut, la propriété est définie sur « false ».

hue : real

Cette propriété définit la valeur de teinte qui est ajoutée à la valeur de teinte source.

La valeur est comprise entre -1,0 (diminution) et 1,0 (augmentation). Par défaut, la propriété est définie sur « 0.0 » (aucun changement).

Exemples de résultats avec différentes valeurs de teinte

Coccinelle dont la teinte a été décalée vers la gauche

Beetle dans sa teinte d'origine

Coccinelle dont la teinte a dérivé vers la droite

teinte : -0,3 teinte : 0,0 teinte : 0,3
saturation: 0saturation: 0saturation: 0
lightness: 0lightness: 0lightness: 0

lightness : real

Cette propriété définit la valeur de luminosité qui est ajoutée à la valeur de saturation de la source.

La valeur varie de -1,0 (diminution) à 1,0 (augmentation). Par défaut, la propriété est définie sur « 0.0 » (aucun changement).

Exemples de résultats avec différentes valeurs de luminosité

Coccinelle noircie

La Beetle dans toute sa légèreté d'origine

Beetle allégée

luminosité : -0,5 luminosité : 0,0 luminosité : 0,5
hue: 0hue: 0hue: 0
saturation: 0saturation: 0saturation: 0

saturation : real

Cette propriété définit la valeur de saturation qui est ajoutée à la valeur de saturation source.

La valeur est comprise entre -1,0 (diminution) et 1,0 (augmentation). Par défaut, la propriété est définie sur « 0.0 » (aucun changement).

Exemples de résultats avec différentes valeurs de saturation

Beetle, en grande partie désaturé

Beetle avec la saturation d'origine

Beetle avec une saturation accrue

saturation : -0,8 saturation : 0,0 saturation : 1,0
hue: 0hue: 0hue: 0
lightness: 0lightness: 0lightness: 0

source : variant

Cette propriété définit l'élément source qui fournit les pixels source à l'effet.

Remarque : il n'est pas pris en charge de faire en sorte que l'effet s'inclue lui-même, par exemple en définissant la source sur le parent de l'effet.

© 2026 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.