ColorOverlay QML Type

通过应用叠加色来更改源项目的颜色。更多

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

所有成员（包括继承成员）的列表

属性

cached : bool
color : color
source : variant

详细说明

叠加效果类似于在灰度图像上叠加彩色玻璃。叠加的颜色以 RGBA 格式给出。

来源	应用的效果

示例

下面的示例展示了如何应用该效果。

import QtQuick
import Qt5Compat.GraphicalEffects

Item {
    width: 300
    height: 300

    Image {
        id: bug
        source: "images/butterfly.png"
        sourceSize: Qt.size(parent.width, parent.height)
        smooth: true
        visible: false
    }

    ColorOverlay {
        anchors.fill: bug
        source: bug
        color: "#80800000"
    }
}

属性文档

cached : bool

此属性允许缓存效果输出像素，以提高渲染性能。

每次更改源或效果属性时，都必须更新缓存中的像素。由于需要额外的内存缓冲区来存储效果输出，因此会增加内存消耗。

建议在动画源或特效属性时禁用缓存。

默认情况下，该属性设置为false 。

color : color

该属性定义了用于对源进行着色的颜色值。

默认情况下，该属性设置为"transparent" 。

不同颜色值的输出示例

颜色#80ff0000	color：#8000ff00	颜色#800000ff

source : variant

此属性定义了为效果提供源像素的源项。

注意： 不支持让效果包含自身，例如将源设置为效果的父项。

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