qt QGraphicsEffect详解

一、QGraphicsEffect概述

QGraphicsEffect通过挂接到渲染管道并在源(例如QGraphicsPixmapItem、QWidget)和目标设备(例如QGraphicsView的视口)之间进行操作来更改元素的外观。它允许开发者为图形项添加各种视觉效果,如模糊、阴影、颜色化、透明度等。

二、QGraphicsEffect的子类

Qt提供了几个QGraphicsEffect的子类,用于实现不同的视觉效果:

  1. QGraphicsBlurEffect:用于产生模糊效果,减少图像的细节。通过调整模糊半径,可以控制模糊效果的强度。
  2. QGraphicsDropShadowEffect:用于为图形项添加阴影效果。可以设置阴影的偏移量、颜色、模糊半径等参数。
  3. QGraphicsColorizeEffect:用于为图形项着色。可以设置颜色的强度和要应用的颜色。
  4. QGraphicsOpacityEffect:用于设置图形项的透明度。可以调整透明度值,并可以使用渐变蒙版来定义透明度的变化。

三、常用方法

  • void setEnabled(bool enabled);

启用或禁用效果。

  • bool isEnabled()const;

检查效果是否启用。

  • void update();

更新效果,强制重新绘制。

  • void draw(OPainter *painter);

纯虚函数,所有子类需要实现以绘制附加效果。

  • ORectF boundingRect() const;

返回应用了效果后的边界矩形。

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QApplication>
#include <QGraphicsPixmapItem>

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent),
      graphicsView(new QGraphicsView(this)),
      graphicsScene(new QGraphicsScene(this)),
      pixmapItem(new QGraphicsPixmapItem(QPixmap(":/res/c.png"))),
      blurButton(new QPushButton("Apply Blur Effect", this)),
      colorizeButton(new QPushButton("Apply Colorize Effect", this)),
      shadowButton(new QPushButton("Apply Drop Shadow Effect", this)),
      opacityButton(new QPushButton("Apply Opacity Effect", this))
{
    resize(800, 480);
    QVBoxLayout *layout = new QVBoxLayout;

    graphicsScene->addItem(pixmapItem);
    graphicsView->setScene(graphicsScene);

    layout->addWidget(graphicsView);
    layout->addWidget(blurButton);
    layout->addWidget(colorizeButton);
    layout->addWidget(shadowButton);
    layout->addWidget(opacityButton);

    QWidget *container = new QWidget;
    container->setLayout(layout);
    setCentralWidget(container);

    connect(blurButton, &QPushButton::clicked, this, &MainWindow::applyBlurEffect);
    connect(colorizeButton, &QPushButton::clicked, this, &MainWindow::applyColorizeEffect);
    connect(shadowButton, &QPushButton::clicked, this, &MainWindow::applyDropShadowEffect);
    connect(opacityButton, &QPushButton::clicked, this, &MainWindow::applyOpacityEffect);
}

MainWindow::~MainWindow()
{
}

void MainWindow::applyBlurEffect()
{
    QGraphicsBlurEffect *blurEffect = new QGraphicsBlurEffect;
    blurEffect->setBlurRadius(10);
    pixmapItem->setGraphicsEffect(blurEffect);
}

void MainWindow::applyColorizeEffect()
{
    QGraphicsColorizeEffect *colorizeEffect = new QGraphicsColorizeEffect;
    colorizeEffect->setColor(Qt::blue);
    pixmapItem->setGraphicsEffect(colorizeEffect);
}

void MainWindow::applyDropShadowEffect()
{
    QGraphicsDropShadowEffect *shadowEffect = new QGraphicsDropShadowEffect;
    shadowEffect->setBlurRadius(10);
    shadowEffect->setOffset(5,5);//阴影与原有图形的间距
    shadowEffect->setColor(Qt::green);
    pixmapItem->setGraphicsEffect(shadowEffect);
}

void MainWindow::applyOpacityEffect()
{
    QLinearGradient alphaGradient(pixmapItem->boundingRect().topLeft(), pixmapItem->boundingRect().bottomLeft());
    alphaGradient.setColorAt(0.0, Qt::transparent);
    alphaGradient.setColorAt(0.5, Qt::black);
    alphaGradient.setColorAt(1.0, Qt::transparent);

    QGraphicsOpacityEffect *blur = new QGraphicsOpacityEffect(this);
    blur->setOpacity(0.5);//透明度设置该值应该在0.0到1.0的范围内,其中0.0是完全透明的,1.0是完全不透明的。
    blur->setOpacityMask(alphaGradient);//蒙版设置,透明度和蒙版可单独设置
    pixmapItem->setGraphicsEffect(blur);
}

觉得有帮助的话,打赏一下呗。。

相关推荐
码农客栈11 分钟前
qt QWebSocketServer详解
qt
plmm烟酒僧2 小时前
Windows下QT调用MinGW编译的OpenCV
开发语言·windows·qt·opencv
Black_Friend2 小时前
关于在VS中使用Qt不同版本报错的问题
开发语言·qt
CSUC2 小时前
【Qt】QTreeView 和 QStandardItemModel的关系
qt
冷凝女子3 小时前
【QT】海康视频及openCv抓拍正脸接口
qt·opencv·音视频·海康
苏三有春5 小时前
PyQt5实战——UTF-8编码器功能的实现(六)
开发语言·qt
Vanranrr5 小时前
C++ QT
java·c++·qt
兆。6 小时前
掌握 PyQt5:从零开始的桌面应用开发
开发语言·爬虫·python·qt
徒步僧16 小时前
ThingsBoard规则链节点:RPC Call Reply节点详解
qt·microsoft·rpc
可峰科技18 小时前
斗破QT编程入门系列之一:认识Qt:初步使用(四星斗师)
开发语言·qt