Qt 之描绘轮廓

2024-05-27 18:58
文章标签 qt 轮廓 描绘

本文主要是介绍Qt 之描绘轮廓,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

作者: 一去、二三里
个人微信号: iwaleon
微信公众号: 高效程序员

前面提到过 QPainterPath(绘图路径),除了创建和重用图形形状以外,还可以进行一些高级操作,例如:填充、描绘轮廓、裁剪。

轮廓,是指边缘 - 物体的外周或图形的外框

要为一个指定的绘图路径生成可填充的轮廓,离不开 QPainterPathStroker。

QPainterPathStroker

要生成可填充的轮廓,一般分为两步:

  1. 定义原始绘图路径 QPainterPath path,调用 QPainterPathStroker::createStroke(path),以 path 为样本创建一个新的绘图路径 QPainterPath outlinePath,outlinePath 表示 path 的可填充的轮廓。
  2. 填充 outlinePath,绘制出原始绘图路径 path 的轮廓。

除此之外,还可以使用以下函数来控制轮廓的各种样式:

  • setWidth():宽度
  • setCapStyle():端点风格
  • setJoinStyle():连接样式
  • setDashPattern():虚线图案

注意: 由 createStroke() 生成的新绘图路径(outlinePath)应仅用于指定的绘图路径(path)的轮廓,否则,可能会引发意外行为。

绘制轮廓

以矩形为例,先上轮廓的效果图:

这里写图片描述

自定义 paintEvent(),生成一个 300 * 200 的矩形路径:

void MainWindow::paintEvent(QPaintEvent *event)
{Q_UNUSED(event);QPainter painter(this);painter.setRenderHint(QPainter::Antialiasing, true);// 矩形 300 * 200QRectF rect(50, 50, 300, 200);QPainterPath path;path.addRect(rect);// 绘制原始路径drawPath(&painter, path);// 绘制轮廓drawOutline(&painter, path);
}

重点关注 drawOutline(),它是一个自定义函数,主要用于绘制指定路径的轮廓:

// 绘制轮廓
void MainWindow::drawOutline(QPainter *painter, QPainterPath path)
{// 生成可填充的轮廓QPainterPathStroker stroker;stroker.setCapStyle(Qt::RoundCap);  // 端点风格stroker.setJoinStyle(Qt::RoundJoin);  // 连接样式stroker.setDashPattern(Qt::DashLine);  // 虚线图案stroker.setWidth(10);  // 宽度// 生成一个新路径(可填充区域),表示原始路径 path 的轮廓QPainterPath outlinePath = stroker.createStroke(path);// 绘制轮廓时所用的画笔(轮廓外边框灰色部分)QPen pen = painter->pen();pen.setColor(QColor(0, 160, 230));pen.setWidth(10);// 用指定的画笔 pen 绘制 outlinePath// painter->strokePath(outlinePath, pen);painter->setPen(pen);painter->drawPath(outlinePath);// 用指定的画刷 brush 填充路径 outlinePathpainter->fillPath(outlinePath, QBrush(Qt::yellow));
}

轮廓有了,来看看原始路径的绘制:

void MainWindow::drawPath(QPainter *painter, QPainterPath path)
{QPen pen = painter->pen();pen.setWidth(1);// 设置画笔、画刷painter->setPen(pen);painter->setBrush(QColor(35, 175, 75));// 绘制路径painter->drawPath(path);
}

深入理解

回到 paintEvent(),如果将 drawPath() 和 drawOutline() 的位置颠倒过来,就会产生下面的效果:

这里写图片描述

很显然,原始路径会将轮廓遮挡住一部分,这是为什么呢?

关于 QPainterPathStroker::setWidth(),助手中有这么一句话:

The generated outlines will extend approximately 50% of width to each side of the given input path’s original outline.

意思是说:生成的轮廓将扩展大约 width 的 50% 到原始路径原来轮廓的每侧。

既然如此,再对照下上图,没有疑问了吧!

这篇关于Qt 之描绘轮廓的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1008316

相关文章

Qt 中 isHidden 和 isVisible 的区别与使用小结

《Qt中isHidden和isVisible的区别与使用小结》Qt中的isHidden()和isVisible()方法都用于查询组件显示或隐藏状态,然而,它们有很大的区别,了解它们对于正确操... 目录1. 基础概念2. 区别清见3. 实际案例4. 注意事项5. 总结1. 基础概念Qt 中的 isHidd

QT移植到RK3568开发板的方法步骤

《QT移植到RK3568开发板的方法步骤》本文主要介绍了QT移植到RK3568开发板的方法步骤,文中通过图文示例介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一... 目录前言一、获取SDK1. 安装依赖2. 获取SDK资源包3. SDK工程目录介绍4. 获取补丁包二

Qt把文件夹从A移动到B的实现示例

《Qt把文件夹从A移动到B的实现示例》本文主要介绍了Qt把文件夹从A移动到B的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学... 目录如何移动一个文件? 如何移动文件夹(包含里面的全部内容):如何删除文件夹:QT 文件复制,移动(

Qt实现发送HTTP请求的示例详解

《Qt实现发送HTTP请求的示例详解》这篇文章主要为大家详细介绍了如何通过Qt实现发送HTTP请求,文中的示例代码讲解详细,具有一定的借鉴价值,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1、添加network模块2、包含改头文件3、创建网络访问管理器4、创建接口5、创建网络请求对象6、创建一个回复对

Qt 中集成mqtt协议的使用方法

《Qt中集成mqtt协议的使用方法》文章介绍了如何在工程中引入qmqtt库,并通过声明一个单例类来暴露订阅到的主题数据,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友一起看看吧... 目录一,引入qmqtt 库二,使用一,引入qmqtt 库我是将整个头文件/源文件都添加到了工程中进行编译,这样 跨平台

基于Qt Qml实现时间轴组件

《基于QtQml实现时间轴组件》时间轴组件是现代用户界面中常见的元素,用于按时间顺序展示事件,本文主要为大家详细介绍了如何使用Qml实现一个简单的时间轴组件,需要的可以参考下... 目录写在前面效果图组件概述实现细节1. 组件结构2. 属性定义3. 数据模型4. 事件项的添加和排序5. 事件项的渲染如何使用

基于Qt开发一个简单的OFD阅读器

《基于Qt开发一个简单的OFD阅读器》这篇文章主要为大家详细介绍了如何使用Qt框架开发一个功能强大且性能优异的OFD阅读器,文中的示例代码讲解详细,有需要的小伙伴可以参考一下... 目录摘要引言一、OFD文件格式解析二、文档结构解析三、页面渲染四、用户交互五、性能优化六、示例代码七、未来发展方向八、结论摘要

python与QT联合的详细步骤记录

《python与QT联合的详细步骤记录》:本文主要介绍python与QT联合的详细步骤,文章还展示了如何在Python中调用QT的.ui文件来实现GUI界面,并介绍了多窗口的应用,文中通过代码介绍... 目录一、文章简介二、安装pyqt5三、GUI页面设计四、python的使用python文件创建pytho

QT实现TCP客户端自动连接

《QT实现TCP客户端自动连接》这篇文章主要为大家详细介绍了QT中一个TCP客户端自动连接的测试模型,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录版本 1:没有取消按钮 测试效果测试代码版本 2:有取消按钮测试效果测试代码版本 1:没有取消按钮 测试效果缺陷:无法手动停

基于Qt实现系统主题感知功能

《基于Qt实现系统主题感知功能》在现代桌面应用程序开发中,系统主题感知是一项重要的功能,它使得应用程序能够根据用户的系统主题设置(如深色模式或浅色模式)自动调整其外观,Qt作为一个跨平台的C++图形用... 目录【正文开始】一、使用效果二、系统主题感知助手类(SystemThemeHelper)三、实现细节