Qt：玩转QPainter后转之太极图

2024-08-31 20:20
文章标签 qt 玩转 qpainter 太极图

本文主要是介绍Qt：玩转QPainter后转之太极图，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

前言

简单了解了QPainter之后还是要做两个小例子练一练，不实际去做，只看看函数是没啥太大提升的，这里就简单画一个太极图。

正文

在这里插入图片描述

我们都知道太极分为阴阳鱼两部分，阴鱼(黑色)有个白色鱼眼，阳鱼(白色)有个黑色鱼眼；所以我们在画图的时候也可以分成阴阳两部分来画
单看阳鱼
在这里插入图片描述
不算鱼眼的话可以分成三部分，我们可以先画一个大半圆，用大半圆减去上面一个小半圆，再加上下面一个小半圆即可
阴鱼正好相反先画一个大半圆，用大半圆减去下面一个小半圆，再加上上面一个小半圆即可
关键代码

void BGPainter::drawTaiJi(QPainter& painter)
{// 先保存绘图设置painter.save();// 通过旋转坐标系统实现太极图的旋转painter.rotate(m_angle);// 白鱼QPainterPath circle, temp;// <<左移乘2circle.arcTo(-m_radius, -m_radius, m_radius << 1, m_radius << 1, 270, 180);// >>右移除2temp.addEllipse(QPointF(0, -m_radius >> 1), m_radius >> 1, m_radius >> 1);// 上面减一个小半圆circle -= temp;temp.clear();temp.addEllipse(QPointF(0, m_radius >> 1), m_radius >> 1, m_radius >> 1);// 下面加上一个小半圆circle += temp;painter.fillPath(circle, Qt::white);// 黑鱼circle.clear();circle.arcTo(-m_radius, -m_radius, m_radius << 1, m_radius << 1, 90, 180);temp.clear();temp.addEllipse(QPointF(0, m_radius >> 1), m_radius >> 1, m_radius >> 1);// 下面减一个小半圆circle -= temp;temp.clear();temp.addEllipse(QPointF(0, -m_radius >> 1), m_radius >> 1, m_radius >> 1);// 上面加上一个小半圆circle += temp;painter.fillPath(circle, Qt::black);painter.restore();
}

效果如下
在这里插入图片描述
现在再把鱼眼添加上，再加一个定时器来实现旋转即可
完整代码

#ifndef BGPAINTER_H
#define BGPAINTER_H#include <QWidget>QT_BEGIN_NAMESPACE
namespace Ui { class BGPainter; }
QT_END_NAMESPACE
enum Speed {VERYFAST = 5,FAST = 10,MEDIUM = 50,LOW = 100,LOWLOW = 200
};class BGPainter : public QWidget
{Q_OBJECTpublic:BGPainter(QWidget *parent = nullptr);void updateInterval(int speed);void initcboSpeed();~BGPainter();
protected:void paintEvent(QPaintEvent* event) override;void drawTaiJi(QPainter& painter);private slots:void on_btnBeignRotate_clicked();void on_btnEndRotate_clicked();private:Ui::BGPainter *ui;// 太极图半径int m_radius;// 设置个定时器使得太极图旋转QTimer* m_timer;// 定时器的时间间隔int m_interval;// 旋转的角度int m_angle;
};
#endif // BGPAINTER_H//cpp文件
#include "bgpainter.h"
#include <QPointF>
#include "qpainter.h"
#include "qpainterpath.h"
#include "qtimer.h"
#include "qpen.h"
#include "qbrush.h"
#include "ui_bgpainter.h"BGPainter::BGPainter(QWidget* parent): QWidget(parent), ui(new Ui::BGPainter), m_radius(100), m_angle(0), m_interval(200)
{ui->setupUi(this);m_timer = new QTimer(0);// 默认时间间隔为2msm_timer->setInterval(m_interval);connect(m_timer, &QTimer::timeout, [=](){// 触发72次定时器才算完整一圈m_angle += 5;m_angle %= 360;update(); });initcboSpeed();
}void BGPainter::updateInterval(int speed)
{m_interval = speed;m_timer->setInterval(m_interval);
}void BGPainter::initcboSpeed()
{ui->cboSpeed->addItem("LOWLOW",static_cast<int>(Speed::LOWLOW));ui->cboSpeed->addItem("LOW",static_cast<int>(Speed::LOW));ui->cboSpeed->addItem("MEDIUM",static_cast<int>(Speed::MEDIUM));ui->cboSpeed->addItem("FAST",static_cast<int>(Speed::FAST));ui->cboSpeed->addItem("VERYFAST",static_cast<int>(Speed::VERYFAST));connect(ui->cboSpeed,QOverload<int>::of(&QComboBox::currentIndexChanged),this,[=](){int index = ui->cboSpeed->currentIndex();Speed speed = (Speed)ui->cboSpeed->itemData(index).toInt();updateInterval(speed);});
}BGPainter::~BGPainter()
{delete ui;if (m_timer){if (m_timer->isActive())m_timer->stop();delete m_timer;m_timer = nullptr;};
}void BGPainter::paintEvent(QPaintEvent* event)
{QPainter painter(this);// 图形和文本抗锯齿painter.setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing);// 将绘图起点移动到窗口中心painter.translate(width() / 2, height() / 2);// 画太极drawTaiJi(painter);}void BGPainter::drawTaiJi(QPainter& painter)
{// 先保存绘图设置painter.save();// 通过旋转坐标系统实现太极图的旋转painter.rotate(m_angle);// 白鱼QPainterPath circle, temp;// <<左移乘2circle.arcTo(-m_radius, -m_radius, m_radius << 1, m_radius << 1, 270, 180);// >>右移除2temp.addEllipse(QPointF(0, -m_radius >> 1), m_radius >> 1, m_radius >> 1);// 上面减一个小半圆circle -= temp;temp.clear();temp.addEllipse(QPointF(0, m_radius >> 1), m_radius >> 1, m_radius >> 1);// 下面加上一个小半圆circle += temp;painter.fillPath(circle, Qt::white);// 黑鱼眼temp.clear();temp.addEllipse(QPointF(0, m_radius >> 1), m_radius >> 3, m_radius >> 3);painter.fillPath(temp, Qt::black);// 黑鱼circle.clear();circle.arcTo(-m_radius, -m_radius, m_radius << 1, m_radius << 1, 90, 180);temp.clear();temp.addEllipse(QPointF(0, m_radius >> 1), m_radius >> 1, m_radius >> 1);// 下面减一个小半圆circle -= temp;temp.clear();temp.addEllipse(QPointF(0, -m_radius >> 1), m_radius >> 1, m_radius >> 1);// 上面加上一个小半圆circle += temp;painter.fillPath(circle, Qt::black);// 白鱼眼temp.clear();temp.addEllipse(QPointF(0, -m_radius >> 1), m_radius >> 3, m_radius >> 3);painter.fillPath(temp, Qt::white);painter.restore();
}void BGPainter::on_btnBeignRotate_clicked()
{m_timer->start();
}void BGPainter::on_btnEndRotate_clicked()
{if (m_timer->isActive()) {m_timer->stop();}
}

最后效果

taijiYanshi

这篇关于Qt：玩转QPainter后转之太极图的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/1124900。

相关文章

基于Qt Qml实现时间轴组件

基于Qt Qml实现时间轴组件

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

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

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

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

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

QT实现TCP客户端自动连接

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

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

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

Qt实现文件的压缩和解压缩操作

《Qt实现文件的压缩和解压缩操作》这篇文章主要为大家详细介绍了如何使用Qt库中的QZipReader和QZipWriter实现文件的压缩和解压缩功能,文中的示例代码简洁易懂,需要的可以参考一下... 目录一、实现方式二、具体步骤1、在.pro文件中添加模块gui-private2、通过QObject方式创建
阅读更多...
Qt QWidget实现图片旋转动画

Qt QWidget实现图片旋转动画

《QtQWidget实现图片旋转动画》这篇文章主要为大家详细介绍了如何使用了Qt和QWidget实现图片旋转动画效果,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 一、效果展示二、源码分享本例程通过QGraphicsView实现svg格式图片旋转。.hpjavascript
阅读更多...
嵌入式QT开发：构建高效智能的嵌入式系统

嵌入式QT开发：构建高效智能的嵌入式系统

摘要： 本文深入探讨了嵌入式 QT 相关的各个方面。从 QT 框架的基础架构和核心概念出发，详细阐述了其在嵌入式环境中的优势与特点。文中分析了嵌入式 QT 的开发环境搭建过程，包括交叉编译工具链的配置等关键步骤。进一步探讨了嵌入式 QT 的界面设计与开发，涵盖了从基本控件的使用到复杂界面布局的构建。同时也深入研究了信号与槽机制在嵌入式系统中的应用，以及嵌入式 QT 与硬件设备的交互，包括输入输出设
阅读更多...
【QT】基础入门学习

【QT】基础入门学习

文章目录 浅析Qt应用程序的主函数使用qDebug()函数常用快捷键Qt 编码风格信号槽连接模型实现方案 信号和槽的工作机制Qt对象树机制 浅析Qt应用程序的主函数 #include "mywindow.h"#include <QApplication>// 程序的入口int main(int argc, char *argv[]){// argc是命令行参数个数，argv是
阅读更多...
Python QT实现A-star寻路算法

Python QT实现A-star寻路算法

目录 1、界面使用方法 2、注意事项 3、补充说明 用Qt5搭建一个图形化测试寻路算法的测试环境。 1、界面使用方法 设定起点： 鼠标左键双击，设定红色的起点。左键双击设定起点，用红色标记。 设定终点： 鼠标右键双击，设定蓝色的终点。右键双击设定终点，用蓝色标记。 设置障碍点： 鼠标左键或者右键按着不放，拖动可以设置黑色的障碍点。按住左键或右键并拖动，设置一系列黑色障碍点
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2