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开发：构建高效智能的嵌入式系统

嵌入式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、界面使用方法 设定起点： 鼠标左键双击，设定红色的起点。左键双击设定起点，用红色标记。 设定终点： 鼠标右键双击，设定蓝色的终点。右键双击设定终点，用蓝色标记。 设置障碍点： 鼠标左键或者右键按着不放，拖动可以设置黑色的障碍点。按住左键或右键并拖动，设置一系列黑色障碍点
阅读更多...
使用Qt编程QtNetwork无法使用

使用Qt编程QtNetwork无法使用

使用 VS 构建 Qt 项目时 QtNetwork 无法使用的问题 - 摘叶飞镖 - 博客园 (cnblogs.com) 另外,强烈建议在使用QNetworkAccessManager之前看看这篇文章: Qt 之 QNetworkAccessManager踏坑记录-CSDN博客 C++ Qt开发：QNetworkAccessManager网络接口组件 阅读目录 1.1 通用API函数
阅读更多...
秒变高手：玩转CentOS 7软件更换的方法大全

秒变高手：玩转CentOS 7软件更换的方法大全

在 CentOS 7 中更换软件源可以通过以下步骤完成。更换源可以加快软件包的下载速度，特别是当默认源速度较慢时。以下是详细步骤： 前言 为了帮助您解决在使用CentOS 7安装不了软件速度慢的问题，我们推出了这份由浪浪云赞助的教程——“CentOS7如何更换软件源加快下载速度”。 浪浪云，以他们卓越的弹性计算、云存储和网络服务受到广泛好评，他们的支持和帮助使得我们可以将最前沿的技术知识分
阅读更多...
Qt多语种开发教程

Qt多语种开发教程

Qt作为跨平台的开发工具，早已应用到各行各业的软件开发中。 今天讲讲，Qt开发的正序怎么做多语言开发。就是说，你设置中文，就中文显示；设置英语就英文显示，设置繁体就繁体显示，设置发育就显示法语等。 开发环境(其实多语种这块根环境没太大关系)：win10，Qt.5.12.10 一.先用QtCreator创建一个简单的桌面程序 1.工程就随便命名“LanguageTest”，其他默认。 2.在设计师
阅读更多...
Qt中window frame的影响

Qt中window frame的影响

window frame 在创建图形化界面的时候，会创建窗口主体，上面会多出一条，周围多次一圈细边，这就叫window frame窗口框架，这是操作系统自带的。 这个对geometry的一些属性有一定影响，主要体现在Qt坐标系体系： 窗口当中包含一个按钮，这个按钮的坐标系是以父元素为参考，那么这个参考是widget本体作为参考，还是window frame作为参考，这两种参考体系都存在
阅读更多...
【Qt】定时器事件

【Qt】定时器事件

定时器事件 在之前学习QTimer中实现了定时器的功能，而在QTimer背后是QTimerEvent定时器事件进行支撑的。在QObject中提供了一个timeEvent这个函数。 startTimer启动定时器killTimer关闭定时器 Qt 中在进⾏窗⼝程序的处理过程中，经常要周期性的执⾏某些操作，或者制作⼀些动画效果，使⽤定 时器就可以实现。所谓定时器就是在间隔⼀定时间后，去执⾏某⼀
阅读更多...
QT 编译报错：C3861： ‘tr‘ identifier not found

QT 编译报错：C3861： ‘tr‘ identifier not found

问题： QT 编译报错：C3861： ‘tr’ identifier not found 原因 使用tr的地方所在的类没有继承自 QObject 类 或者在不在某一类中， 解决方案 就直接用类名引用 ：QObject::tr( )
阅读更多...
在 Qt Creator 中，输入 /** 并按下Enter可以自动生成 Doxygen 风格的注释

在 Qt Creator 中，输入 /** 并按下Enter可以自动生成 Doxygen 风格的注释

在 Qt Creator 中，当你输入 /** 时，确实会自动补全标准的 Doxygen 风格注释。这是因为 Qt Creator 支持 Doxygen 以及类似的文档注释风格，并且提供了代码自动补全功能。 以下是如何在 Qt Creator 中使用和显示这些注释标记的步骤： 1. 自动补全 Doxygen 风格注释 在 Qt Creator 中，你可以这样操作： 在你的代码中，将光标放在
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2