|
渐变填充
版权声明
该文章原创于Qter开源社区，作者yafeilinux，转载请注明出处！
导语
在前一节提到了在画刷中可以使用渐变填充。QGradient类就是用来和QBrush一起指定渐变填充的。Qt现在支持三种类型的渐变填充：
这三种渐变分别由QGradient的三个子类来表示，QLinearGradient表示线性渐变，QRadialGradient表示辐射渐变，QConicalGradient表示锥形渐变。
环境：
Windows Xp + Qt 4.8.4+Qt Creator2.6.2
目录
一、线性渐变
二、辐射渐变
三、锥形渐变
正文
一、线性渐变
1.
我们仍然在上一节创建的项目中进行讲解。更改paintEvent()
函数如下：
void
MainWindow
::paintEvent(
QPaintEvent
*)
{
//线性渐变
QLinearGradient linearGradient(QPointF(40, 190), QPointF(70, 190));
//插入颜色
linearGradient.setColorAt(0, Qt::yellow);
linearGradient.setColorAt(0.5, Qt::red);
linearGradient.setColorAt(1, Qt::green);
//指定渐变区域以外的区域的扩散方式
linearGradient.setSpread(QGradient::RepeatSpread);
//使用渐变作为画刷
QPainter painter(this);
painter.setBrush(linearGradient);
painter.drawRect(10, 20, 90, 40);
}
运行程序，效果如下图所示。
2.
介绍
对于线性渐变QLinearGradient::QLinearGradient ( const QPointF & start, constQPointF & finalStop )需要指定开始点start和结束点finalStop，然后将开始点和结束点之间的区域进行等分，开始点的位置为0.0，结束点的位置为1.0，而它们之间的位置按照距离比例进行设定，然后使用QGradient::setColorAt( qreal position, const QColor & color )函数在指定的位置position插入指定的颜色color，当然，这里的position的值要在0到1之间。
这里还可以使用setSpread()
函数来设置填充的扩散方式，即指明在指定区域以外的区域怎样进行填充。扩散方式由QGradient::Spread
枚举变量定义，它一共有三个值，分别是QGradient::PadSpread
，使用最接近的颜色进行填充，这是默认值，如果我们不使用setSpread()
指定扩散方式，那么就会默认使用这种方式；QGradient::RepeatSpread
，在渐变区域以外的区域重复渐变；QGradient::ReflectSpread
，在渐变区域以外将反射渐变。在线性渐变中这三种扩散方式的效果下图所示。要使用渐变填充，可以直接在setBrush()
中使用，这时画刷风格会自动设置为相对应的渐变填充。
二、辐射渐变
1.
继续在paintEvent()
函数中添加如下代码：
//
辐射渐变
QRadialGradient
radialGradient(
QPointF
(
100
,
190
),
50
,
QPointF
(
275
,
200
));
radialGradient.setColorAt(
0
,
QColor
(
255
,
255
,
100
,
150
));
radialGradient.setColorAt(
1
,
QColor
(
0
,
0
,
0
,
50
));
painter.setBrush(radialGradient);
painter.drawEllipse(
QPointF
(
100
,
190
),
50
,
50
);
运行程序，效果如下图所示。
2.
介绍
对于辐射渐变QRadialGradient::QRadialGradient( const QPointF & center, qreal radius, const QPointF & focalPoint )
需要指定圆心center
和半径radius
，这样就确定了一个圆，然后再指定一个焦点focalPoint
。焦点的位置为0
，圆环的位置为1
，然后在焦点和圆环间插入颜色。辐射渐变也可以使用setSpread()
函数设置渐变区域以外的区域的扩散方式，三种扩散方式的效果如下图所示。
三、锥形渐变
1.
接着在paintEvent()
函数里面添加如下代码：
//
锥形渐变
QConicalGradient
conicalGradient(
QPointF
(
250
,
190
),
60
);
conicalGradient.setColorAt(
0.2
,
Qt
::
cyan
);
conicalGradient.setColorAt(
0.9
,
Qt
::
black
);
painter.setBrush(conicalGradient);
painter.drawEllipse(
QPointF
(
250
,
190
),
50
,
50
);
运行程序，效果如下图所示。
2.
介绍
对于锥形渐变QConicalGradient::QConicalGradient ( const QPointF & center,qreal angle )需要指定中心点center和一个角度angle（其值在0到360之间），然后沿逆时针从给定的角度开始环绕中心点插入颜色。这里给定的角度沿逆时针方向开始的位置为0，旋转一圈后为1。setSpread()函数对于锥形渐变没有效果。
结语
本节在前面的基础上，简单介绍了一下常用的三种渐变填充。如果大家可以熟练使用这几种填充效果，那么就可以实现非常漂亮的界面。另外，还可以给画笔设置渐变颜色，这样就可以绘制出特殊效果的线条和文字，这个可以参考《Qt Creator快速入门》的相关内容。
|
[Qt教程] 第12篇 2D绘图（二）渐变填充
2013-11-10
2680
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
目录
相关文章
|
28天前
（14）Qt绘图（one）
本文介绍了在Qt中使用QPainter进行绘图的基础操作，包括如何指定绘图设备、使用QPen和QBrush设置线条和填充样式、绘制不同样式的线条和形状，以及如何实现纹理填充和渐变填充等效果。
51
6
7
|
26天前
|
编译器
区块链
C++
|
28天前
|
计算机视觉
|
25天前
|
25天前
|
25天前
|
前端开发
数据安全/隐私保护
C++
|
25天前
|
3月前
|
4月前
|
数据安全/隐私保护
C++
计算机视觉
Qt(C++)开发一款图片防盗用水印制作小工具
文本水印是一种常用的防盗用手段，可以将文本信息嵌入到图片、视频等文件中，用于识别和证明文件的版权归属。在数字化和网络化的时代，大量的原创作品容易被不法分子盗用或侵犯版权，因此加入文本水印成为了保护原创作品和维护知识产权的必要手段。
通常情况下，文本水印可以包含版权声明、制作者姓名、日期、网址等信息，以帮助识别文件的来源和版权归属。同时，为了增强防盗用效果，文本水印通常会采用字体、颜色、角度等多种组合方式，使得水印难以被删除或篡改，有效地降低了盗用意愿和风险。
开发人员可以使用图像处理技术和编程语言实现文本水印的功能，例如使用Qt的QPainter类进行文本绘制操作，将文本信息嵌入到图片中，
173
1
2
|
3月前
|
监控
C++
容器