百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

Qt 渐变 QLinearGradient、 QConicalGradient、QRadialGradient

haoteby 2025-02-14 23:21 7 浏览

渐变有三种:QLinearGradient、QConicalGradient 、 QRadialGradient

它们都有一个QGradient父类

QGradient父类的常用公共函数有:

 1 void QGradient::setSpread ( Spread method );
 2 //设置填充梯度区域外的区域,参数有:
 3 // QGradient::PadSpread  :填充区域内最接近的停止颜色。这是默认的。
 4 // QGradient::RepeatSpread : 在区域外继续重复填充
 5 // QGradient::ReflectSpread : 在区域外反射填充
 6 
 7 QGradient::setCoordinateMode ( CoordinateMode mode );
 8 //设置渐变的坐标模式,比如QGradient::LogicalMode设置坐标为逻辑坐标(默认为该值)
 9 
10 void setColorAt ( qreal position, const QColor & color );
11                      //设置梯度颜色, position处于0~1之间

QLinearGradient线性渐变

构造函数函数如下:

1 QLinearGradient ( qreal x1, qreal y1, qreal x2, qreal y2 )
2 //其中x1,y1表示渐变起始坐标, x2,y2表示渐变终点坐标
3 //如果只有x相等,则表示垂直线性渐变,如果只有y相等,则表示平行线性渐变,否则就是斜角线性渐变

示例1-垂直渐变:

 1 void Widget::paintEvent(QPaintEvent *)
 2 {
 3     QPainter painter(this);
 4     painter.setRenderHint(QPainter::Antialiasing,true);
 5     QLinearGradient Linear(100,100,100,200);        //垂直渐变
 6 
 7     Linear.setColorAt(0,Qt::red);
 8     Linear.setColorAt(1,Qt::blue);
 9 
10     painter.setBrush(Linear);
11     painter.setPen(Qt::transparent);
12     painter.drawRect(100,100,100,100);          //100,100 到200,200
13 }

【领QT开发教程学习资料,点击下方链接莬费领取↓↓,先码住不迷路~】

点击→领取「链接」

示例2-水平渐变

 1 void Widget::paintEvent(QPaintEvent *)
 2 {
 3     QPainter painter(this);
 4     painter.setRenderHint(QPainter::Antialiasing,true);
 5     QLinearGradient Linear(100,100,200,100);        //水平渐变
 6 
 7     Linear.setColorAt(0,Qt::red);
 8     Linear.setColorAt(1,Qt::blue);
 9     painter.setBrush(Linear);
10     painter.setPen(Qt::transparent);
11     painter.drawRect(100,100,100,100);          //100,100 到200,200
12 }

QradialGradient半径渐变

更据圆的半径来设定不同的颜色

构造函数函数如下:

1 QRadialGradient ( qreal cx, qreal cy, qreal radius, qreal fx, qreal fy );
2 // cx cy : 设置圆的中心原点(center)
3 // radius:设置圆半径
4 //fx fy : 设置焦点focus,也就是颜色的起始位置

示例1:

 1 void Widget::paintEvent(QPaintEvent *)
 2 {
 3     QPainter painter(this);
 4     painter.setRenderHint(QPainter::Antialiasing,true);
 5     painter.translate(width()/2,height()/2);
 6     QRadialGradient Radial(0,0,120,0,0);    //设置圆的原点和焦点在中心,半径120
 7 
 8     Radial.setColorAt(0,Qt::red);            
 9     Radial.setColorAt(0.5,Qt::blue);        //设置50%处的半径为蓝色
10     Radial.setColorAt(1,Qt::green);
11 
12     painter.setPen(Qt::transparent);
13     painter.setBrush(Radial);
14     painter.drawEllipse(-120,-120,240,240);
15 }

示例2:

 1 void Widget::paintEvent(QPaintEvent *)
 2 {
 3     QPainter painter(this);
 4     painter.setRenderHint(QPainter::Antialiasing,true);
 5     painter.translate(width()/2,height()/2);
 6     QRadialGradient Radial(0,0,120,0,60);    //设置焦点在(0,60),半径120
 7 
 8     Radial.setColorAt(0,Qt::red);
 9     Radial.setColorAt(0.5,Qt::blue);
10     Radial.setColorAt(1,Qt::green);
11 
12     painter.setPen(Qt::transparent);
13     painter.setBrush(Radial);
14     painter.drawEllipse(-120,-120,240,240);
15 }

QConicalGradient圆锥渐变

构造函数如下所示:

1 QConicalGradient ( qreal cx, qreal cy, qreal angle );
2 //设置(cx,cy)位置为圆锥尖,设置angle角度为起始颜色位置(逆时针渐变)

示例:

 1 void Widget::paintEvent(QPaintEvent *)
 2 {
 3     QPainter painter(this);
 4     painter.setRenderHint(QPainter::Antialiasing,true);
 5     painter.translate(width()/2,height()/2);
 6 
 7     QConicalGradient Conical(0,0,30);    //设置点在中心,角度为30
 8     Conical.setColorAt(0,Qt::red);
 9     Conical.setColorAt(0.5,Qt::blue);
10     Conical.setColorAt(1,Qt::green);
11 
12     painter.setPen(Qt::transparent);
13     painter.setBrush(Conical);
14     painter.drawEllipse(-120,-120,240,240);
15 }

相关推荐

蜗牛矿机改NAS后远程访问教程,花生壳盒子完美解决

今年不少烧友都在玩星际蜗牛的机器,,我也跟风入手一台,用星际蜗牛改装了一台NAS,在星际蜗牛上安装了多个版本的NAS系统,各方面都不错,就是远程访问功能实现不了。由于本地运营商不提供公网IP,就只能考...

不吹不黑,揭秘网工提升效率的7大神器!

作为一个网络工程师,在日常工作中肯定会使用许多方便的实用软件来提高效率,下面就简单介绍一下网络工程师常用的7种软件。01、FileZilla...

有线网间歇性断网?3个步骤帮你解决 90% 有线网中断问题

有线网络偶尔中断可能由硬件故障、网络设置、线路问题或外部干扰等多种因素导致。一、常见原因及验证方法1.硬件设备...

「这 25 年我被天气 PUA 的日常」

翻出手机相册里每年6月拍的天空,白到发亮的云层下总配着同一句文案:"热到裂开"。掐指一算被高温暴打的四分之一个世纪里,每个夏天都在上演《关于我和天气互相折磨的那些年》。2003年绝对...

数码爱好者必备工具:POWER-Z KM001C多功能测试仪

作为一名数码类爱好者,平时要测试手机、平板、充电器、充电宝等等电子产品,一款好用的测试工具尤为重要。近期,通过充电头网购入了一款POWER-ZKM001C多功能测试仪,主要用来平日里测试快充头和充电...

监控摄像头常用测试命令大全(摄像头测试项目)

以下是监控摄像头在Linux系统中常用的测试命令大全,涵盖设备检测、参数调整、视频录制、网络监控等方面,结合多个来源的信息整理而成:一、摄像头设备检测与调用1.查看摄像头设备①`ls/dev/v...

中级消防设施操作员考试-计算机基础知识学习笔记

消防设施操作员模块八计算机基础课程摘要消防设施操作员模块八主要介绍了计算机基础知识,包括计算机系统的组成和功能、硬件和软件、输入输出设备、外存储器、内存条、中央处理器、机箱等硬件部分,以及系统软件和应...

今日揭秘:上网行为监控软件是如何监控的?7个功能图文介绍

同事A:“哎,你们听说了吗?隔壁部门小王昨天上班刷短视频被领导抓包了!”同事B:“真的假的?公司不是没装摄像头吗?怎么知道的?”...

USB详细介绍(usb简介)

USB概念1.概念USB是通用串行总线(UniversalSerialBus),分为HOST/DEVICE两个角色,所有的数据传输都由主机主动发起,而设备只是被动的负责应答。例如,在读数据时,U...

程序员必备,Fiddler和spy-debugger的远程调试手机APP

背景笔者从事Web开发,不论是PC端还是APP端,调试抓包都是必不可少的环节,懂前端的人都知道,PC端调试非常方便,Chrome或者火狐等浏览器等都自带了非常方便且易于使用的开发者工具,便于我们抓包调...

通用无线网络破解抓包跑包教程(wifi抓包跑包教程)

由于很多的信号很强,但是后面都没有带WPS,怎么办呢,现在我给大家介绍一个简单的抓包跑字典的办法来解决这个难题,首先搜索信号,水滴,关注我的这个应该都会了吧!选择一个信号,点击启动,记住不是点...

抓包神器wireshark安装保姆级教程

简介当我们进行网络抓包时,我们通常需要借助其他的工具进行抓取,比如Charles,fiddler等,今天我们给大家介绍一款同样非常流行的抓包工具——wireshark,本文将介绍wireshark的安...

别让资料拖后腿!STM32开发‘作弊包’开源,工程师直呼内行!

一、开发环境与编译工具...

背完这套 Java 面试八股文,自动解锁面试牛逼症被动技能

前言国内的互联网面试,恐怕是现存的、最接近科举考试的制度。很多人对八股文都嗤之以鼻,认为无法衡量出一个程序员的真是水平。还有一部分人则是深恶痛绝,因为实在太难背了。但是国内大环境如此,互联网IT行...

混合云的多活架构指南(混合云架构图)

文/董晓聪吕亚霖在之前的《如何正确选择多云架构?》一文中介绍了混合云(广义的多云)的诸多架构以及各自的优势,本篇会重点来介绍下混合云下的多活架构。...