QML 图形渲染 - ColorOverlay

最新推荐文章于 2023-03-30 20:23:16 发布

十年编程老舅

最新推荐文章于 2023-03-30 20:23:16 发布

阅读量229

点赞数

分类专栏： QT开发文章标签：图形渲染 c++ qt开发 qt教程 QML

本文链接：https://blog.csdn.net/m0_73443478/article/details/129865224

版权

QT开发专栏收录该内容

760 篇文章 201 订阅

订阅专栏

本文介绍了Qt中的ColorOverlay效果，用于给源图像添加彩色滤镜。它支持OpenGL渲染，提供性能提升但可能增加内存消耗。建议在设置动画时禁用缓存。此外，文章提供了颜色设置示例和官方代码，并附带了Qt开发学习资源链接。

摘要由CSDN通过智能技术生成

属性介绍

cached : bool

使用缓存效果输出像素，可以提高渲染性能。每次更改源或效果属性时，都必须更新缓存中的像素。会增加内存消耗，因为存储效果输出需要额外的内存缓冲区。所以我们建议在源属性或效果属性设置动画时禁用缓存。默认为 false

color : color

为源着色的 RGBA 颜色值。默认情况下，改值为 “transparent”，即透明

source : variant

为效果提供源像素的源项。注意：不支持让效果包含自身

注意事项

ColorOverlay 支持 OpenGL 渲染

ColorOverlay 类似于将彩色玻璃放在灰度图像上的效果

颜色值除了 RGBA 也可以直接通过 16 色设置，这里博主推荐一个网站：RGB颜色查询对照表

不同数值效果展示

官方示例

import QtQuick 2.12
import QtGraphicalEffects 1.12

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