Colorize
ImportStatement: import QtGraphicalEffects 1.0
Since: QtGraphicalEffects 1.0
Inherits: Item
Properties
cached :bool
hue : real
lightness :real
saturation :real
source :variant
DetailedDescription
Colorize组件的效果类似于在彩色玻璃上放了灰度图片。它适用色相、饱和度和亮度(HSL)作为色彩空间。我们能直接指定每个属性的值,也可以用HueSaturation组件改变所有HSL值。或者,我们也能通过ColorOverlay适用源的RGBA颜色空间影响Colorize。
源 | 影响 |
---|---|
| |
下面的代码是上面效果的演示。
importQtQuick 2.0
importQtGraphicalEffects 1.0
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
}
}
PropertyDocumentation
cached :bool
输出是否缓存,可提高渲染性能,但消费更多内存。每当源或影响属性改变,缓存的数据都跟着更新。当源或影响属性是动画时,推荐关闭缓冲。默认为假。
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
提高或降低源的亮度的指标。不像hue和saturation,lightness属性不设置使用值,而是表示在原值基础上的变化。值在-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
源图片。注意它不支持影响自身,这是指设置源为影响的父实例。例如Colorize在一个id为myimage的Image中宣布,它就不能影响myimage了。