一.效果

图中仪表盘和指示灯的边框及高亮效果使用了渐变

二.原理

Qt自带一个暴强的关于渐变的demo——gradients

该demo详细介绍的如何在QPainter中使用渐变，一共有三种类型的渐变：QLinearGradient、QRadialGradient和QConicalGradient
1.QLinearGradient是线性渐变，也就是颜色的各个分量（red, green, blue）在两点之间的变化是线性的，需要设置渐变的起始和结束坐标、颜色，超出渐变范围的填充方式，它并不能单独的使用，而是要和 QBrush 一起使用实现填充效果，主要有以下一些函数：

// 创建 QLinearGradient，同时设置起始和结束坐标
QLinearGradient(const QPointF &start, const QPointF &finalStop)
QLinearGradient(qreal x1, qreal y1, qreal x2, qreal y2)// 设置渐变的颜色，position 的取值范围是 [0.0, 1.0]
setColorAt(qreal position, const QColor &color)// 超出渐变范围后的填充方式，默认使用 PadSpread:
//     QGradient::PadSpre

Qt之渐变及其应用（绘制温度计、仪表盘和指示灯）相关推荐

QT二维图形的绘制（类的介绍与绘图实例）
1.告诉绘制引擎一些东西 QPainter::Antialiasing 在可能的情况下,反锯齿 QPainter::TextAntialiasing 在可能的情况下,文字反锯齿 ...
Qt中的基础图形绘制
文章目录 1 Qt中的基础图形绘制 2 Qt基础图形绘制中的视口和窗口 3 综合实例开发:简易绘图程序 3.1 需求分析 3.2 设计分析 1 Qt中的基础图形绘制 Qt图形系统中的关键角色: QPa ...
QT实现在图表顶部绘制一个附加元素（标注）
QT实现在图表顶部绘制一个附加元素项目简介项目技术项目展示主要源码片段解析获取完整项目源码传送门项目简介在图表顶部绘制一个附加元素(标注). 项目技术 qt5.12,qtchart模块, ...
【Qt】2D绘图之绘制图像(二)
00. 目录文章目录 00. 目录 01. 概述 02. 开发环境 03. 绘制QImage图像 04. 绘制QPixmap图像 05. 绘制QPicture图像 06. 综合对比 07. 附录 0 ...
【Qt】2D绘图之绘制图片
00. 目录文章目录 00. 目录 01. 概述 02. 开发环境 03. 简单绘制图片 04. 平移图片 05. 缩放图片 06. 旋转图片 07. 扭曲图片 08. 附录 01. 概述 Qt提供 ...
【Qt】2D绘图之绘制路径
00. 目录文章目录 00. 目录 01. 概述 02. 开发环境 03. 绘制简单路径 04. 复制图形路径 05. 位置问题探讨 06. 附录 01. 概述如果要绘制一个复杂的图形,尤其是要重 ...
【Qt】2D绘图之绘制文字
00. 目录文章目录 00. 目录 01. 概述 02. 开发环境 03. 基本绘制 04. 使用范围绘制文字 05. 使用字体绘制文字 06. 附录 01. 概述 Qt中除了绘制图形以外,还可以使 ...
【Qt】2D绘图之绘制简单的图形
00. 目录文章目录 00. 目录 01. 概述 02. 开发环境 03. 绘制图形 04. 画笔和画刷 05. 绘制弧线 06. 附录 01. 概述 Qt中提供了强大的2D绘图系统,可以使用同一A ...
android canvas画渐变背景,View绘制系列(13)-Canvas渐变属性绘制
Canvas渐变属性绘制五颜六色,七彩缤纷.有时候我们的UI设计稿也极尽色彩之能,比如下图这样: 这种渐变效果我们能画吗?不得不说,Android系统的基础构架还是很强大的,我们可以使用Linear ...

Qt之渐变及其应用（绘制温度计、仪表盘和指示灯）

一.效果

二.原理

Qt之渐变及其应用（绘制温度计、仪表盘和指示灯）相关推荐

最新文章

热门文章