这两天在一个小工具中想做一个图标的发光效果,用固定颜色做出来效果很丑,于是想到此方法,得到图标的主色调后,将颜色调亮,并设置为阴影颜色,从而达到类似发光的效果。
本文章主要在于得到一张图片的平均色,并为其设置亮度变化。
先查看最终效果图:

该程序先获取图片中平均色,再将窗口颜色设置为平均色,从而达到沉浸的效果。
具体实现
颜色是由RGB三元色构成的,red、green、blue每一项都是0-255的整数。
那么,如果我们得到一些在图片上均匀分布的点,再获取他们的rgb值,分别求出平均数后最终得到的结果便是平均色。
先介绍一些Qt提供的方法
//该方法用于获取Image图片中位于(x,y)位置的点的rgb值
QRgb QImage::pixel(int x, int y)
//该方法用于判断Image图片中位于(x,y)位置的点是否有效
bool QImage::valid(int x, int y)
这两个是这篇文章中必须用到的东西。
代码实现
QColor pixmapMainColor(QPixmap p, double bright) //p为目标图片 bright为亮度系数,为1则表示保持不变
{
int step=20; //步长:在图片中取点时两点之间的间隔,若为1,则取所有点,适当将此值调大有利于提高运行速度
int t=0; //点数:记录一共取了多少个点,用于做计算平均数的分母
QImage image=p.toImage(); //将Pixmap类型转为QImage类型
int r=0,g=0,b=0;

本文介绍如何使用Qt获取一张图片的平均色,通过计算RGB的平均值得到主色调,进而实现图标发光效果。首先展示最终效果,然后详细解释通过在图片上取点并求RGB平均值的方法来获取平均色,最后提供相关Qt代码实现。
最低0.47元/天 解锁文章
4044

被折叠的 条评论
为什么被折叠?



