QML类型说明-Blend

Blend

 

ImportStatement:   importQtGraphicalEffects 1.0

Since:  QtGraphicalEffects 1.0

Inherits:     Item

 

Properties

cached : bool

foregroundSource : variant

mode : string

source : variant

 

DetailedDescription

Blend模式能被mode属性选择

source	foregroundSource	Effect applied

示例：

下面的例子展示了如何产生上面效果的代码。

import QtQuick 2.0

import QtGraphicalEffects 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

    }

 

    Image {

       id: butterfly

       source: "images/butterfly.png"

       sourceSize: Qt.size(parent.width, parent.height)

       smooth: true

       visible: false

    }

 

    Blend {

       anchors.fill: bug

       source: bug

       foregroundSource: butterfly

       mode: "subtract"

    }

}

PropertyDocumentation

cached : bool

是否缓存影响后的输出效果，以提高渲染性能。每当源或影响属性改变，缓存的数据都会被更新。这个功能会额外消耗内存来存储输出。当源或者影响是动画时，推荐关闭缓存，默认为假。

 

foregroundSource : variant

该属性定义了用于和源混合的混合物。注意它不支持让影响包含自身。例如设置foregroundSource为影响的父类。

 

mode : string

这个属性定义了源和混合物混合的模式。值不区分大小写。

模式	描述
normal	从foregroundSource抽出像素组件，按alpha混合写到源上。
addition	从source和foregroundSource抽出的像素组件被叠在一起写。
average	从source和foregroundSource抽出的像素组件平均后写。
color	Source的亮度和foregroundSource的色调和饱和度结合到一起写。
colorBurn	较暗的像素变得更暗，如果source和foregroundSource的像素都是亮的，结果也是亮的。
colorDodge	较亮的像素变得更亮，如果source和foregroundSource的像素都是暗的，结果是暗的。
darken	从source和foregroundSource抽出的较暗的像素被写
darkerColor	从source和foregroundSource抽出的低亮的rgb-value被写。
difference	从source和foregroundSource抽出的不同的像素被写
divide	从source抽出的数除以foregroundSource抽出的数后写
exclusion	从source和foregroundSource抽出的像素减少对比后写
hardLight	Source像素根据foregroundSource像素变得更亮或更暗后写
hue	foregroundSource 的色调结合Source的亮度和饱和度后写。
lighten	Source和foregroundSource的最亮的像素被写。
lighterColor	从Source和foregroundSource抽出的高亮rgb-value被写。
lightness	foregroundSource的亮度结合Source的色调和饱和度写。
multiply	Source和foregroundSource相乘后写
negation	Source和foregroundSource不同的像素进行negation处理后写
saturation	foregroundSource的饱和度结果Source的亮度和色调后写。
screen	Source和foregroundSource进行negation处理，然后乘，然后进行negation处理，然后写
subtract	foregroundSource的像素取反后写到源上
softLight	根据foregroundSource的值让source的像素更亮或更暗后写。

 

Source图片	foregroundSource图片

 

根据模式不同的输出：
mode: normal	mode: addition	mode: average
mode: color	mode: colorBurn	mode: colorDodge
mode: darken	mode: darkerColor	mode: difference
mode: divide	mode: exclusion	mode: hardlight
mode: hue	mode: lighten	mode: lighterColor
mode: lightness	mode: negation	mode: multiply
mode: saturation	mode: screen	mode: subtract
mode: softLight

 

source : variant

这个属性定义了源像，作为和foregroundSource混合的基础。

注意：Blend的source和foregroundSource都不能使用Blend的结果作为输入