QGraphicsEffect控件添加特效

目录

一、QGraphicsEffect基本概念

二、常见子类应用

[2.1 QGraphicsDropShadowEffect](#2.1 QGraphicsDropShadowEffect)

[2.2 QGraphicsBlurEffect](#2.2 QGraphicsBlurEffect)

[2.3 QGraphicsColorizeEffect](#2.3 QGraphicsColorizeEffect)

[2.4 QGraphicsOpacityEffect](#2.4 QGraphicsOpacityEffect)


一、QGraphicsEffect基本概念

QGraphicsEffect 是 Qt 中用于为控件添加图形视觉效果的基类,例如模糊、阴影、色调调整和透明度变化等。它不改变控件本身的几何结构,而是在绘制阶段对控件的像素内容进行后期处理,从而实现美观且性能较高的视觉特效。

二、常见子类应用

2.1 QGraphicsDropShadowEffect

添加阴影效果,常用于按钮、弹窗提升层次感。

{

QGraphicsDropShadowEffect *shadow = new QGraphicsDropShadowEffect;

shadow->setBlurRadius(8);//设置阴影的模糊半径 阴影边缘将有 8 像素的模糊扩散范围 数值越大越虚 越小约贴近边缘

shadow->setColor(QColor(0, 0, 0, 100));//黑色作为阴影 透明度(Alpha)= 100(范围 0~255) 半透明黑色可以避免阴影显得过于生硬,使整体视觉更自然

shadow->setOffset(2, 2);//设置阴影相对于原始控件的偏移量。

/*第一个参数 2:水平方向向右偏移 2 像素;第二个参数 2:垂直方向向下偏移 2 像素;

模拟"光源来自左上方"的自然光照效果,这也是大多数 UI 风格所采用的标准投影方向。

若设置为(0, 0),则阴影居中于控件下方,看起来像"浮空"但无方向感。*/

ui.pushButton->setGraphicsEffect(shadow);

}

2.2 QGraphicsBlurEffect

实现高斯模糊,可用于背景虚化、对话框蒙层。

{

// 对组件内容应用模糊(模拟模态背景)

QGraphicsBlurEffect *blurEffect = new QGraphicsBlurEffect;

blurEffect->setBlurRadius(8);

ui.mainwindow->setGraphicsEffect(blurEffect);

//...授权验证

if(authority)

{ // 3秒后关闭模糊效果(模拟加载完成)

QTimer::singleShot(3000, \&() {

ui.mainwindow.setGraphicsEffect(nullptr); // 恢复清晰

});

}

}

2.3 QGraphicsColorizeEffect

为控件整体着色,适用于主题切换或状态提示。

{

QGraphicsColorizeEffect *colorize = new QGraphicsColorizeEffect;

colorize->setColor(Qt::red);

colorize->setStrength(0.6);//设置颜色叠加效果的强度0-1

ui.label_9->setGraphicsEffect(colorize);

static bool isBright = true;

QTimer *timer = new QTimer(this);

QObject::connect(timer, &QTimer::timeout, =() {

if (ui.label_9)

{

QGraphicsEffect* effect = ui.label_9->graphicsEffect();

if (effect && dynamic_cast<QGraphicsColorizeEffect*>(effect) == colorize) {

colorize->setStrength(isBright ? 0.8 : 0.3);

isBright = !isBright;

}

else {

// 如果 label 或 effect 不存在了,停止定时器防止继续崩溃

timer->stop();

}

}});

timer->start(500);

}
结合属性动画QPropertyAnimation实现呼吸灯效果提示QPropertyAnimation 用它来平滑地改变一个对象的某个属性值,在指定的时间内从起始值过渡到结束值,从而产生流畅的动画效果。

与直接使用 QTimer 定时修改属性不同,QPropertyAnimation 不仅自动完成"插值计算",还支持缓动曲线(Easing Curves),使动画具有缓入、缓出、弹跳等自然视觉效果,让界面更生动。

{

// 创建颜色高亮效果

QGraphicsColorizeEffect *colorize = new QGraphicsColorizeEffect;

colorize->setColor(Qt::red); // 设置为红色

colorize->setStrength(0.6); // 初始强度

ui.label_9->setGraphicsEffect(colorize); // 应用到 label

// 创建属性动画:在 strength 属性上做动画

QPropertyAnimation *anim = new QPropertyAnimation(colorize, "strength");

anim->setStartValue(0.3); // 弱红

anim->setEndValue(0.8); // 强红

anim->setDuration(600); // 动画时长(毫秒),控制呼吸频率

anim->setLoopCount(-1); // 无限循环

//anim->setEasingCurve(QEasingCurve::InOutSine); // 平滑呼吸感(比 SineCurve 更自然)

anim->setEasingCurve(QEasingCurve::SineCurve);

anim->start(QAbstractAnimation::DeleteWhenStopped); // 自动释放内存

}

2.4 QGraphicsOpacityEffect

控制控件的透明度,支持渐显/渐隐动画。

QGraphicsOpacityEffect 透明效果 实现控件的透明度,结合属性动画QPropertyAnimation实现控件淡入淡出等效果

{

ui.label_9->setGraphicsEffect(new QGraphicsOpacityEffect);

QGraphicsOpacityEffect *effect = qobject_cast<QGraphicsOpacityEffect*>(ui.label_9->graphicsEffect());

QPropertyAnimation *anim = new QPropertyAnimation(effect, "opacity");

anim->setDuration(10000); // 动画持续1秒

anim->setStartValue(0.0); // 起始完全透明

anim->setEndValue(1.0); // 结束完全显示

anim->setEasingCurve(QEasingCurve::OutQuad);

anim->start(QAbstractAnimation::DeleteWhenStopped);

ui.label_9->show();

}

相关推荐
桥田智能1 天前
桥田智能 QT-650S:面向白车身焊装的 800kg 重载快换解决方案
开发语言·qt·系统架构
森G1 天前
75、服务器源码解析---------云视频服务项目
linux·服务器·网络·c++·qt
森G1 天前
77、线程池原理和实现------服务器源码解析----云视频服务项目
服务器·c++·qt
森G1 天前
71、打包发布---------打包发布
c++·qt
初圣魔门首席弟子1 天前
Node.js 详细介绍(知识库版)
windows·qt·node.js·知识库
C++ 老炮儿的技术栈2 天前
Qt工控实战:自研机器人TCP长连接客户端(粘包处理+心跳保活+自动重连完整源码解析)
qt·tcp/ip·机器人
郝学胜-神的一滴2 天前
CMake 019:程序生成与清理全解析
开发语言·c++·qt·程序人生·软件构建·cmake
森G2 天前
76、仿ASIO实现的Linux c++服务器------服务器源码解析----云视频服务项目
c++·qt
superkcl20222 天前
【QT Thread】
c++·qt
CodeKwang2 天前
Windows 环境 OCCT 8.0 编译构建及与 Qt6 项目集成
windows·qt·opencascade