Auf dieser Seite

HueSaturation QML Type

Ändert die Farben der Quellelemente im HSL-Farbraum. Mehr...

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

Item

Eigenschaften

Ausführliche Beschreibung

„HueSaturation“ ähnelt dem Effekt „ Colorize “, jedoch werden die Werte für Farbton und Sättigung unterschiedlich behandelt. Der Effekt „HueSaturation“ verschiebt stets den Farbton, die Sättigung und die Helligkeit gegenüber dem Original, anstatt sie festzulegen.

QuelleAngewandter Effekt

Schwarzer Käfer auf einem Blatt

Käfer mit angepasster Farbton- und Sättigungseinstellung

Beispiel

Das folgende Beispiel zeigt, wie der Effekt angewendet wird.

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

Eigenschaftsdokumentation

cached : bool

Mit dieser Eigenschaft können die Ausgabepixel des Effekts zwischengespeichert werden, um die Rendering-Leistung zu verbessern.

Jedes Mal, wenn die Eigenschaften der Quelle oder des Effekts geändert werden, müssen die Pixel im Cache aktualisiert werden. Der Speicherverbrauch steigt, da ein zusätzlicher Speicherpuffer zum Speichern der Effekt-Ausgabe benötigt wird.

Es wird empfohlen, den Cache zu deaktivieren, wenn die Eigenschaften der Quelle oder des Effekts animiert werden.

Standardmäßig ist die Eigenschaft auf „ false “ gesetzt.

hue : real

Diese Eigenschaft definiert den Farbtonwert, der zum Quellfarbtonwert addiert wird.

Der Wert reicht von -1,0 (Verringerung) bis 1,0 (Erhöhung). Standardmäßig ist die Eigenschaft auf „ 0.0 “ (keine Änderung) gesetzt.

Ausgabebeispiele mit unterschiedlichen Farbtonwerten

Käfer mit nach links verschobenem Farbton

Käfer in Originalfarbe

Käfer mit nach rechts verschobenem Farbton

Farbton: -0,3 Farbton: 0,0 Farbton: 0,3
saturation: 0saturation: 0saturation: 0
lightness: 0lightness: 0lightness: 0

lightness : real

Diese Eigenschaft definiert den Helligkeitswert, der zum Sättigungswert der Quelle addiert wird.

Der Wert reicht von -1,0 (Verringerung) bis 1,0 (Erhöhung). Standardmäßig ist die Eigenschaft auf „ 0.0 “ (keine Änderung) eingestellt.

Ausgabebeispiele mit unterschiedlichen Helligkeitswerten

Käfer verdunkelt

Käfer in seiner ursprünglichen Leichtigkeit

Käfer-Leuchte

Helligkeit: -0,5 Helligkeit: 0,0 Helligkeit: 0,5
hue: 0hue: 0hue: 0
saturation: 0saturation: 0saturation: 0

saturation : real

Diese Eigenschaft legt den Sättigungswert fest, der zum Sättigungswert der Quelle addiert wird.

Der Wert reicht von -1,0 (Verringerung) bis 1,0 (Erhöhung). Standardmäßig ist die Eigenschaft auf „ 0.0 “ (keine Änderung) eingestellt.

Ausgabebeispiele mit unterschiedlichen Sättigungswerten

Beetle größtenteils entsättigt

Käfer bei ursprünglicher Sättigung

Käfer mit erhöhter Sättigung

Sättigung: -0,8 Sättigung: 0,0 Sättigung: 1,0
hue: 0hue: 0hue: 0
lightness: 0lightness: 0lightness: 0

source : variant

Diese Eigenschaft definiert das Quellelement, das die Quellpixel für den Effekt bereitstellt.

Hinweis: Es wird nicht unterstützt, dass der Effekt sich selbst einbezieht, beispielsweise durch Setzen von „source“ auf das übergeordnete Element des Effekts.

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