Qt / 颜色渐变 QLinearGradient、 QConicalGradient、QRadialGradient

探索Qt中的Q线性、锥形和径向渐变效果：色彩魔法
最新推荐文章于 2025-02-25 21:27:26 发布
原创 最新推荐文章于 2025-02-25 21:27:26 发布 · 4.3k 阅读 · 34 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文解析了Qt中的QLinearGradient、QConicalGradient和QRadialGradient三种颜色渐变组件，讲解了它们的参数、用法及实战示例，带你领略色彩渐变在UI设计中的魔力。

1、QLinearGradient

background: qlineargradient(x1:0, y1:0, x2:1, y2:0, stop:0 #F0BF62, stop:1 #444444);

background:qlineargradient(
spread:pad, x1:0, y1:0, x2:0, y2:1,
stop:0 rgba(0, 0, 255, 255), stop:0.33 rgba(0, 0, 0, 255),
stop:0.34 rgba(255, 30, 30, 255), stop:0.66 rgba(255, 0, 0, 255),
stop:0.67 rgba(255, 255, 0, 255), stop:1 rgba(255, 255, 0, 255));}

 

（1）spread:pad：渐变的模式为 pad，另外的两个模式为 repeat、reflect。

（2）x1、y1、x2、y2 四个坐标表示渐变的坐标范围。

（3）x1、y1 对应为左上角坐标，x2、y2 对应右下角坐标，其后面的数字是 0 和 1，表示渐变的顺序。后面的 stop 后面的数值（0

最低0.47元/天 解锁文章
【Qt开发教程】角度渐变QConicalGradient类详解及实战应用
科技改变人类，技术成就未来
07-25 1219
QConicalGradient 提供了一种强大而灵活的方式来创建角度渐变效果，在 Qt 的图形绘制和用户界面设计中应用广泛。通过合理设置渐变的颜色停靠点、中心点和起始角度，可以实现丰富的圆形渐变效果，增强用户界面的美观度和用户体验。结合 Qt 的其他绘图功能，QConicalGradient 成为构建复杂、富有创新性图形界面的重要工具，为用户提供直观和美观的视觉感受。
Qt之QLinearGradient绘制
我不是码农的博客~~~
11-22 463
【代码】Qt之QLinearGradient绘制。
QSS之图形渐变填充
AUTUMN STUDIO
03-20 993
QSS 之图形渐变填充
QT_渐变色Gradient、QLinearGradient
WChang的博客
05-13 901
catalogbaseQLinearGradient base QGradient渐变色，和 QBrush 非常相像！！ 只不过QBrush的颜色是单一的 ' 在QBrush的构造函数里，有一个QBrush(QGradient)的构造函数！！！ ' 这非常重要！！！ 即，很多需要QBrush的地方，你放一个渐变色 也是可以的！！ QLinearGradient QLinearGradient my_color; ' 假设你要在ui->XX这个[W, H]的矩阵下，渲染他的背景颜色 '
QT-渐变之QLinearGradient、 QConicalGradient、QRadialGradient
ihatetheworld7的博客
09-28 1599
渐变有三种：QLinearGradient、QConicalGradient 、 QRadialGradient 它们都有一个QGradient父类 QGradient父类的常用公共函数有： void QGradient::setSpread ( Spread method ); //设置填充梯度区域外的区域,参数有: // QGradient::PadSpread ：填充区域内最接近的...
Qt 的线性渐变的类QLinearGradient 学习笔记
xulibo5828的博客
08-01 2457
stop 后面跟的是渐变的位置（一个介于 0 到 1 之间的浮点值），以及对应的颜色值。例如，stop:0 rgba(255, 0, 0, 255) 表示渐变的起始点（0%）颜色为不透明的红色。这段代码创建了一个 QLinearGradient 对象，从渐变区域的左上角 (0, 0) 到右下角 (1, 1)。坐标 (0, 0) 表示渐变区域的左上角，(1, 1) 表示右下角。说明：x2 和 y2 定义了渐变结束点相对于渐变区域的坐标。坐标 (0, 0) 表示渐变区域的左上角，(1, 1) 表示右下角。
QT：QLinearGradient、QRadialGradient、QConicalGradient
最新发布
qq_43441284的博客
02-25 1053
QLinearGradient 是 Qt 框架中用于创建线性渐变的类，它允许在图形绘制中实现颜色沿着一条直线的平滑过渡效果。以下是关于 QLinearGradient 的详细介绍：基本概念：线性渐变是指颜色从一个点（起始点）沿着一条直线逐渐变化到另一个点（结束点），在这个过程中可以设置多个颜色停止点，从而实现多种颜色的渐变过渡。头文件包含：使用 QLinearGradient 时，需要包含相应的头文件。x1、y1 是起始点的坐标，x2、y2 是结束点的坐标。
QT样式表之径向渐变(qradialgradient)
Allen Roson
06-26 5350
QTextEdit { background: qradialgradient(cx:0, cy:0, radius: 1, fx:0.5, fy:0.5, stop:0 white, stop:1 green) } /* 从白色到绿色的径向渐变 */ QTextEdit { background: qradialgradient(cx:0, cy:0.5, radius: 1, fx:0.5, fy:0.5,...
QLinearGradient QRadialGradient QConicalGradient 绘制渐变
zhanghw的博客
04-01 775
一、效果图 二、代码 #ifndef GRADIENTWIDGET_H #define GRADIENTWIDGET_H #include <QWidget> #include <QObject> #include <QPainter> #include <QBrush> #include <QLinearGradient> #inc...
一文搞懂Qt中的颜色渐变(QGradient Class)
热门推荐
razorEdge的博客
07-21 2万+
Qt颜色渐变简介(QGradient Class) 1, 快速开始！ Qt中与颜色渐变有关的类是QGradient 其中它又有三个子类：QLinearGradient、QRadialGradient、QConicalGradient分别对应三种具体的颜色渐变（后面挨个介绍）。 所以它们的关系是： Qt中颜色渐变是怎么用的？它作为一种填充(fill)方式使用，比如说之前我们可以用红色、绿色这些纯色填充一个矩形，现在我们可以用一个渐变颜色（更形象的称呼是色带）来填充，从而可以绘制出更有趣的控件！ 先了解一下
QT QLinearGradient
Allen Roson
06-24 1621
QLinearGradient类与QBrush一起使用来指定一个线性渐变笔刷。 线性渐变在起始点和结束点之间插入颜色。在这些点之外，渐变要么填充，要么反射，要么重复，这取决于当前设置的扩展方法: 渐变中的颜色是使用QGradientStop类型的停止点定义的，即位置和颜色。使用QGradient::setColorAt()或QGradient::setStops()函数来定义停止点。它是描述如何填充梯度区域的梯度停止点的完整集合。如果没有指定停止点，则使用从0到1的黑色到白色的渐变。 除了从QGrad
QT渐变QLinearGradient
m0_52040845的博客
09-22 3655
Qt有三种渐变画刷：线性渐变(QLinearGradient)、辐射渐变(QRadialGradient)、角度渐变(QConicalGradient)。 以线性渐变来说，有两种方式设置渐变，一是通过qss，二是代码重写paintEvent处理。 一、qss： 设置QLabel的背景色 "QLabel{background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 red, stop:1 green)}" 对QLabel的color是不起作
【QT】QLinearGradient 线性渐变类简单使用教程
Wynne的博客
02-25 2105
QLinearGradient 线性渐变类简单使用教程，还有举一反三的样式
qt QLinearGradient详解
ckg3824278的博客
11-29 1118
QLinearGradient是Qt框架中QGradient的一个子类，用于创建线性渐变效果。线性渐变是一种颜色沿着一条直线平滑过渡到另一种颜色的效果。QLinearGradient允许你定义渐变的起点和终点，以及在这些点之间的颜色变化。你可以使用它来为图形、背景、边框等添加丰富的视觉效果。
QT qlineargradient 设置背景渐变
荣耀与梦想来日方长
02-16 1472
刚开始我直接把UI写的代码考到widget的stylesheet发现根本不行，必须要使用QT的qlineargradient。spread:pad：渐变的模式为 pad，另外的两个模式为 repeat、reflect。作为一名初级开发，开发之初UI设计师给了我客户端的设计图纸，其中就有设计背景渐变。渐变过程：x代表左右 y代表上下，坐标可以写个demo去试试。要求是从上的蓝往下渐变成白。
Qt Quick里的图形效果——渐变（Gradient）
安晓辉生涯——聚焦程序员的职业规划与成长
01-28 1万+
介绍 Qt Quick 图形效果里的三种渐变效果：LinearGradient、ConicalGradient和RadialGradient……
QT之qss线性渐变色设置qlineargradient
小米的修行之路
08-02 1万+
QWidget#widgetTitle{background:qlineargradient(spread:pad,x1:1,y1:0,x2:0,y2:0,stop:0 #0973AB,stop:1 #098DCE);} 其中：qlineargradient代表线性渐变，另外还有辐射渐变和弧度渐变等。 渐变过程：X1----X2从左向右渐变；                    Y1--...
QT渐变
qq_31133743的博客
06-11 282
1.
QLinearGradient
电脑管家
06-28 547
在这个例子中，我们首先创建了一个从窗口的左上角（0，0）到右下角（width()，height()）的线性渐变。然后我们设置了渐变的起始颜色为蓝色，结束颜色为红色。然后我们创建了一个QPainter对象，并将其刷子设置为我们刚才创建的渐变。这个函数接受一个介于0和1之间的数字作为位置参数（其中0表示渐变的起始点，1表示结束点），以及一个QColor对象作为颜色参数。你还可以使用setStart()和setFinalStop()函数来设置渐变的起始点和结束点。这两个函数接受两个参数，表示点的x和y坐标。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值