Тип QML Colorize
Устанавливает цвет в цветовом пространстве HSL. Подробнее...
| Заявление об импорте: | import QtGraphicalEffects 1.12 |
| С: | QtGraphicalEffects 1.0 |
| Наследует: |
Свойства
- cached : bool
- hue : real
- lightness : real
- saturation : real
- source : variant
Подробное описание
Эффект похож на то, что происходит при размещении цветного стекла поверх оттененого изображения. Colorize использует цветовое пространство HSL (оттенок, насыщенность, светлота). Вы можете указать желаемое значение для каждого свойства. Вы можете сдвинуть все значения HSL с помощью эффекта HueSaturation.
В качестве альтернативы можно использовать эффект ColorOverlay для окраски исходного элемента в цветовом пространстве RGBA.
| Исходник | Примененный эффект |
|---|---|
Примечание: Этот эффект доступен при работе с OpenGL.
Пример
Следующий пример демонстрирует, как применить эффект.
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
}
Colorize {
anchors.fill: bug
source: bug
hue: 0.0
saturation: 0.5
lightness: -0.2
}
} Документация по свойствам
cached : bool
Это свойство позволяет кэшировать выходные пиксели эффекта для повышения производительности рендеринга.
Каждый раз, когда изменяются свойства источника или эффекта, пиксели в кэше должны быть обновлены. Потребление памяти увеличивается, так как требуется дополнительный буфер памяти для хранения выходных данных эффекта.
Рекомендуется отключить кэш, когда свойства источника или эффекта анимированы.
По умолчанию свойство установлено в false.
hue : real
Это свойство определяет значение оттенка, используемое для окрашивания источника.
Значение изменяется от 0,0 до 1,0. По умолчанию свойство установлено в 0.0, что создает слегка красный цвет.
| Допустимые значения оттенка |
|---|
| Примеры вывода с разными значениями оттенка | ||
|---|---|---|
| hue: 0,2 | hue: 0,5 | hue: 0,8 |
| saturation: 1 | saturation: 1 | saturation: 1 |
| lightness: 0 | lightness: 0 | lightness: 0 |
lightness : real
Это свойство определяет, насколько увеличивается или уменьшается значение светлоты источника.
В отличие от свойств оттенка и насыщенности, светлота не устанавливает используемое значение, а смещает существующее значение светлоты пикселя источника.
Значение изменяется от -1,0 (уменьшение) до 1,0 (увеличение). По умолчанию свойство установлено в 0.0 (без изменений).
| Примеры вывода с разными значениями светлоты | ||
|---|---|---|
| lightness: -0,75 | lightness: 0 | lightness: 0,75 |
| hue: 0 | hue: 0 | hue: 0 |
| saturation: 1 | saturation: 1 | saturation: 1 |
saturation : real
Это свойство определяет значение насыщенности, используемое для окрашивания источника.
Значение изменяется от 0,0 (обесцвеченный) до 1,0 (насыщенный). По умолчанию свойство установлено в 1.0 (насыщенный).
| Примеры вывода с разными значениями насыщенности | ||
|---|---|---|
| saturation: 0 | saturation: 0,5 | saturation: 1 |
| hue: 0 | hue: 0 | hue: 0 |
| lightness: 0 | lightness: 0 | lightness: 0 |
source : variant
Это свойство определяет элемент-источник, предоставляющий пиксели-источники для эффекта.
Примечание: Не поддерживается включение эффекта в себя, например, путем установки source в родительский элемент эффекта.
© The Qt Company Ltd
Licensed under the GNU Free Documentation License, Version 1.3.
https://doc.qt.io/qt-5.12/qml-qtgraphicaleffects-colorize.html