Qt 图片处理（一） 实时绘制曲线、箭头、文本、矩形、圆形

最新推荐文章于 2024-05-08 16:17:24 发布
最新推荐文章于 2024-05-08 16:17:24 发布
阅读量2.6k 收藏 15
点赞数 3
分类专栏： Qt 文章标签： qt ui 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43793182/article/details/122324553
版权

文章目录

前言

本系列文章主要记录我学习qt时t写的一些测试程序，偏向于qt图形绘制、图片处理等等。

本文主要实现鼠标绘制曲线、箭头、圆形、矩形、文本内容等等，该功能可以集成到截图组件中，对图像进行二次处理。
截图组件文章链接：Qt 简单截图工具(一) 高仿QQ截屏 滑动截屏
本文程序运行结果如下：
在这里插入图片描述

一、实现原理

  将所有绘制相关的数据整理为结构体，通过结构体来绘制图形，一个图形就是一个结构体对象。这种方式可以更好的维护所有图形对象，例如画笔样式、画刷样式的修改可以走同一套逻辑进行修改，之后想添加其他类型的图形只需要修改结构体对象即可。

二、具体实现

  • 结构体定义

  主要通过绘制图形点集来绘制相应图形，其余属性大多为画笔样式、画刷样式等等。

代码如下：

enum DrawStyle
{
	DRAW_Line = 0,								//线
	DRAW_Rectangle,								//矩形
	DRAW_Circul,								//圆形
	DRAW_Arrow,									//箭头
	DRAW_Text,									//文本
	DRAW_Mosaic,								//马赛克
	DRAW_Marker_Pen								//马克笔
};

struct LineStyle
{
	QVector<QPoint> points_;					//绘制图形点集
	QColor color_;								//线颜色
	int width_;									//线宽度
	Qt::PenStyle pen_style_;					//线样式
	DrawStyle draw_style_;						//绘制图形样式
	QString content_;							//文本内容
	QFont font_;								//文本样式--暂不设置
};
  • 主要代码

  因为该组件实现较为简单，区分不同绘制类型进行绘制即可，这里不再详细解释代码实现逻辑，详情见注释。

代码如下：

DrawToDecide::DrawToDecide(QWidget* parent)
	: QWidget(parent)
	, mouse_pressed_(false)
	, draw_style_(DRAW_Line)
{
	this->setFixedSize(600, 600);

	QVector<QPushButton*> btn_draw;
	btn_draw.push_back(new QPushButton(QStringLiteral("线")));
	btn_draw.push_back(new QPushButton(QStringLiteral("矩形")));
	btn_draw.push_back(new QPushButton(QStringLiteral("圆形")));
	btn_draw.push_back(new QPushButton(QStringLiteral("箭头")));
	btn_draw.push_back(new QPushButton(QStringLiteral("文本")));
	btn_draw.push_back(new QPushButton(QStringLiteral("马赛克")));
	btn_draw.push_back(new QPushButton(QStringLiteral("马克笔")));

	com_style_ = new QComboBox();
	com_style_->setCursor(Qt::ArrowCursor);
	QStringList list_style;
	list_style << QStringLiteral("SolidLine") << QStringLiteral("DotLine") << QStringLiteral("DashDotLine") << QStringLiteral("DashLine") << QStringLiteral("DashDotDotLine");
	com_style_->addItems(list_style);
	com_style_->setItemData(0, (int)Qt::SolidLine);
	com_style_->setItemData(1, (int)Qt::DotLine);
	com_style_->setItemData(2, (int)Qt::DashDotLine);
	com_style_->setItemData(3, (int)Qt::DashLine);
	com_style_->setItemData(4, (int)Qt::DashDotDotLine);

	com_color_ = new QComboBox();
	com_color_->setCursor(Qt::ArrowCursor);
	QStringList list_color;
	list_color << QStringLiteral("黑") << QStringLiteral("红") << QStringLiteral("绿") << QStringLiteral("蓝");
	com_color_->addItems(list_color);
	com_color_->setItemData(0, QColor(0, 0, 0));
	com_color_->setItemData(1, QColor(255, 0, 0));
	com_color_->setItemData(2, QColor(0, 255, 0));
	com_color_->setItemData(3, QColor(0, 0, 255));

	com_width_ = new QComboBox();
	com_width_->setCursor(Qt::ArrowCursor);
	QStringList list_width;
	list_width << QStringLiteral("1") << QStringLiteral("2") << QStringLiteral("3") << QStringLiteral("4") << QStringLiteral("5") << QStringLiteral("6");
	com_width_->addItems(list_width);
	com_width_->setItemData(0, 1);
	com_width_->setItemData(1, 2);
	com_width_->setItemData(2, 3);
	com_width_->setItemData(3, 4);
	com_width_->setItemData(4, 5);
	com_width_->setItemData(5, 6);

	QVBoxLayout* main_layout = new QVBoxLayout();
	QHBoxLayout* top_button_layout = new QHBoxLayout();
	QHBoxLayout* top_com_layout = new QHBoxLayout();
	for (int i = 0; i < btn_draw.size(); i++)
	{
		top_button_layout->addWidget(btn_draw.at(i));
		btn_draw.at(i)->setCursor(Qt::ArrowCursor);
	}
	top_com_layout->addWidget(com_style_);
	top_com_layout->addWidget(com_color_);
	top_com_layout->addWidget(com_width_);
	main_layout->addLayout(top_button_layout);
	main_layout->addLayout(top_com_layout);
	main_layout->addStretch();

	connect(btn_draw.at(0), &QPushButton::clicked, this, [=]() {
		draw_style_ = DRAW_Line;
		});
	connect(btn_draw.at(1), &QPushButton::clicked, this, [=]() {
		draw_style_ = DRAW_Rectangle;
		});
	connect(btn_draw.at(2), &QPushButton::clicked, this, [=]() {
		draw_style_ = DRAW_Circul;
		});
	connect(btn_draw.at(3), &QPushButton::clicked, this, [=]() {
		draw_style_ = DRAW_Arrow;
		});
	connect(btn_draw.at(4), &QPushButton::clicked, this, [=]() {
		draw_style_ = DRAW_Text;
		});
	connect(btn_draw.at(5), &QPushButton::clicked, this, [=]() {
		draw_style_ = DRAW_Mosaic;
		});
	connect(btn_draw.at(6), &QPushButton::clicked, this, [=]() {
		draw_style_ = DRAW_Marker_Pen;
		});
	this->setLayout(main_layout);
	QCursor cursor(QPixmap(":/PracticeOne/Resources/pen.png"));
	this->setCursor(cursor);

	line_eidit_ = new QLineEdit();
	line_eidit_->setObjectName("custom_draw_text_input");
	//设置透明色生效
	line_eidit_->window()->setAttribute(Qt::WA_TranslucentBackground, true);
	line_eidit_->setWindowFlags(Qt::FramelessWindowHint | Qt::WindowStaysOnTopHint);
	connect(line_eidit_, &QLineEdit::editingFinished, this, &DrawToDecide::LineEditFinishText);
}

DrawToDecide::~DrawToDecide()
{
}


void DrawToDecide::DrawShape(QPainter& _painter, LineStyle* _line_style)
{
	QTextOption toption(Qt::AlignCenter);
	toption.setWrapMode(QTextOption::WrapAtWordBoundaryOrAnywhere);
	switch (_line_style->draw_style_)
	{
	case DRAW_Line:
		_painter.drawPolyline(QPolygon(_line_style->points_));
		break;
	case DRAW_Rectangle:
		_painter.drawRect(QRect(_line_style->points_.at(0), _line_style->points_.at(1)));
		break;
	case DRAW_Circul:
		_painter.drawEllipse(QRect(_line_style->points_.at(0), _line_style->points_.at(1)));
		break;
	case DRAW_Arrow:
		_painter.setBrush(_line_style->color_);
		_painter.drawPolygon(QPolygon(GetArrowShape(_line_style->points_.at(0), _line_style->points_.at(1))));
		_painter.setBrush(Qt::NoBrush);
		break;
	case DRAW_Text:

		_painter.drawText(QRect(_line_style->points_.at(0), _line_style->points_.at(1)), _line_style->content_, toption);
		break;
	default:
		break;
	}

}

QVector<QPoint> DrawToDecide::GetArrowShape(QPoint _start_point, QPoint _end_point)
{
	QVector<QPoint> arrow_points;
	float x1 = _start_point.x();
	float y1 = _start_point.y();
	float x2 = _end_point.x();
	float y2 = _end_point.y();

	double angle = atan2(y2 - y1, x2 - x1);				//计算线段的夹角
	float arrow_length_long = 20;						//箭头边的长度--长
	float arrow_angle_long = 0.6;						//箭头与线段的夹角--长
	float arrow_length_short = 12;						//箭头边的长度--短
	float arrow_angle_short = 0.3;						//箭头与线段的夹角--短

	float point_long_x1 = x2 - arrow_length_long * cos(angle - arrow_angle_long);
	float point_long_y1 = y2 - arrow_length_long * sin(angle - arrow_angle_long);
	float point_long_x2 = x2 - arrow_length_long * cos(angle + arrow_angle_long);
	float point_long_y2 = y2 - arrow_length_long * sin(angle + arrow_angle_long);
	float point_short_x1 = x2 - arrow_length_short * cos(angle - arrow_angle_short);
	float point_short_y1 = y2 - arrow_length_short * sin(angle - arrow_angle_short);
	float point_short_x2 = x2 - arrow_length_short * cos(angle + arrow_angle_short);
	float point_short_y2 = y2 - arrow_length_short * sin(angle + arrow_angle_short);

	arrow_points.append(_start_point);
	arrow_points.append(QPoint(point_short_x1, point_short_y1));
	arrow_points.append(QPoint(point_long_x1, point_long_y1));
	arrow_points.append(_end_point);
	arrow_points.append(QPoint(point_long_x2, point_long_y2));
	arrow_points.append(QPoint(point_short_x2, point_short_y2));
	arrow_points.append(_start_point);

	return arrow_points;
}

void DrawToDecide::LineEditFinishText()
{
	QString lineedit_text = line_eidit_->text();
	line_eidit_->clear();
	line_eidit_->close();
	lines_.at(lines_count_)->content_ = lineedit_text;
	qDebug() << lineedit_text;
}

void DrawToDecide::mouseMoveEvent(QMouseEvent* event)
{
	if (mouse_pressed_)
	{
		switch (draw_style_)
		{
		case DRAW_Line:
			points_.append(event->pos());
			lines_.at(lines_count_)->points_ = points_;
			break;
		case DRAW_Rectangle:
			lines_.at(lines_count_)->points_[1] = event->pos();
			break;
		case DRAW_Circul:
			lines_.at(lines_count_)->points_[1] = event->pos();
			break;
		case DRAW_Arrow:
			lines_.at(lines_count_)->points_[1] = event->pos();
			break;
		case DRAW_Text:
			lines_.at(lines_count_)->points_[1] = event->pos();
			break;
		case DRAW_Mosaic:
			break;
		case DRAW_Marker_Pen:
			break;
		default:
			break;
		}

	}
	update();
}

void DrawToDecide::paintEvent(QPaintEvent* event)
{
	QPainter painter(this);
	painter.setRenderHint(QPainter::Antialiasing);
	for (int i = 0; i < lines_.size(); i++)
	{
		LineStyle* line_style = lines_.at(i);
		QPen pen;
		pen.setWidth(line_style->width_);
		pen.setColor(line_style->color_);
		pen.setStyle(line_style->pen_style_);
		painter.setPen(pen);
		DrawShape(painter, line_style);
	}
}

void DrawToDecide::mousePressEvent(QMouseEvent* event)
{
	if (event->button() == Qt::LeftButton)
	{
		mouse_pressed_ = true;

		LineStyle* line_style = new LineStyle();
		line_style->color_ = com_color_->currentData().value<QColor>();
		line_style->width_ = com_width_->currentData().toInt();
		line_style->draw_style_ = draw_style_;
		line_style->pen_style_ = (Qt::PenStyle)com_style_->currentData().toInt();
		lines_.push_back(line_style);
		lines_count_ = lines_.count() - 1;
		points_.clear();
		switch (draw_style_)
		{
		case DRAW_Line:
			break;
		case DRAW_Rectangle:
			lines_.at(lines_count_)->points_.append(event->pos());
			lines_.at(lines_count_)->points_.append(event->pos());
			break;
		case DRAW_Circul:
			lines_.at(lines_count_)->points_.append(event->pos());
			lines_.at(lines_count_)->points_.append(event->pos());
			break;
		case DRAW_Arrow:
			lines_.at(lines_count_)->points_.append(event->pos());
			lines_.at(lines_count_)->points_.append(event->pos());
			break;
		case DRAW_Text:
			lines_.at(lines_count_)->points_.append(event->pos());
			lines_.at(lines_count_)->points_.append(event->pos());
			break;
		case DRAW_Mosaic:
			break;
		case DRAW_Marker_Pen:
			break;
		default:
			break;
		}
	}
	update();
}

void DrawToDecide::mouseReleaseEvent(QMouseEvent* event)
{
	mouse_pressed_ = false;
	switch (draw_style_)
	{
	case DRAW_Line:
		break;
	case DRAW_Rectangle:
		lines_.at(lines_count_)->points_[1] = event->pos();
		break;
	case DRAW_Circul:
		lines_.at(lines_count_)->points_[1] = event->pos();
		break;
	case DRAW_Arrow:
		lines_.at(lines_count_)->points_[1] = event->pos();
		break;
	case DRAW_Text:
		lines_.at(lines_count_)->points_[1] = event->pos();
		//输入框位置大小处理
		line_eidit_->move(event->globalPos() - (lines_.at(lines_count_)->points_[1] - lines_.at(lines_count_)->points_[0]));
		line_eidit_->setFixedSize((lines_.at(lines_count_)->points_[1] - lines_.at(lines_count_)->points_[0]).x(), (lines_.at(lines_count_)->points_[1] - lines_.at(lines_count_)->points_[0]).y());
		line_eidit_->show();
		break;
	case DRAW_Mosaic:
		break;
	case DRAW_Marker_Pen:
		break;
	default:
		break;
	}
	update();
}

总结

如果此文帮助到你( •̀ ω •́ )✧，动动小手点个赞可好O(∩_∩)O。

原创文章，转载请标明本文出处。
梦醒梦起
关注
  • 3
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
专栏目录
QT绘制树状图，支持拖拽，编辑文件
04-02
QT绘制树状图，根据示例代码diagramscene修改，支持拖拽，编辑文字，修改背景颜色，字体大小和颜色，方框放大缩小，箭头连线等功能
QT软件: 窗口里使用鼠标绘制矩形.zip
08-12
这是QT软件: 窗口里使用鼠标绘制矩形源码。 一般在软件开发中，需要都有选择区域的需求，比如： 1.  截图软件，需要鼠标选择指定区域截图 2. 屏幕录像软件，需要鼠标选择指定区域录像 3. 图片浏览器，需要鼠标选择指定区域放大查看 4. 视频播放器，需要鼠标选择指定区域放大播放 ........... 博客地址： https://xiaolong.blog.csdn.net/article/details/119636560
Qt绘制箭头
最新发布
izwmain的博客
05-08 299
Qt绘制箭头
Qt 画带箭头的直线
mouze的博客
11-18 3981
#include <QPainter> #include <math.h> void DrawLineWithArrow(QPainter& painter, QPen pen, QPoint start, QPoint end) { painter.setRenderHint(QPainter::Antialiasing, true); qreal arrowSize = 20; painter.setPen(pen); painter.
《QT从基础到进阶·十五》用鼠标绘制矩形（QGraphicsView、QPainter、QGraphicsRectItem）
cs1395293598的博客
11-09 2877
在GraphicsView类中创建矩形绘制对象，并初始化该对象用于绘制矩形。在GraphicsView类的鼠标事件中设置绘制矩形时鼠标按下，移动，释放操作。矩形长宽的拖动会在DrawROI类中实现，界面的缩放把DrawROI类中的功能放入GraphicsView中的滚轮事件中。以下是鼠标绘制矩形最全的一种用法，完整源码将会放在最后面。
【Qt】一篇全面的关于Qt对图像数据的操作总结
iriczhao的博客
03-03 1万+
文章目录一、简介二、QImage类（2-1）QImage简介（2-2）使用QImage读取图像文件（2-3）使用QImage进行图像写入（2-4）获取图像信息（2-4-1）获取```Geometry```信息（2-4-2）获取颜色信息（2-4-3）获取文本信息（2-4-4）获取图像底层信息（2-5）操作图像像素（2-6）图像格式三、QPixmap类（3-1）QPixmap简介（3-2）使用QPixmap读取图像文件（3-3）使用QPixmap进行图像数据写入（3-4）获取图像信息（3-4-1）获取Geome
Qt自绘之自由移动的折线
前行之路还需前行
05-16 2930
一、简述 今天介绍一下可以用鼠标拖拽的折线图，顾名思义，就是可以通过鼠标来添加和移动折线图上每个顶点，见下图效果。 鼠标自由点击进行添加点 鼠标自由移动顶点 菜单操作 丰富的颜色设置 二、代码介绍 实现就是通过Qt的QPainter来绘制的，主要是通过鼠标的mousePressEvent、mouseMoveEvent、mouseReleaseEvent事件进行相应操作的处理。每次鼠标点击...
Qt QPainter的使用及矩形、圆形等常见图形的画法
m0_73443478的博客
12-09 3787
Qt QPainter的使用及矩形、圆形等常见图形的画法
Qt鼠标拖动绘制基本几何图形(直线、矩形、圆形、椭圆)
05-06
用Qt鼠标事件实现基本几何图形的绘制，支持直线、矩形、圆形、椭圆。后期可以在此基础上进行扩展。使用QGraphics完成。 本示例使用QGraphics体系来实现，因为要移动对象，所以生成的图形必须是一个单独的对象，鼠标...
QGraphicsItem封装的直线控件（添加箭头）
09-23
接着，根据直线的方向，使用`drawPolygon()`或`drawPath()`绘制箭头。箭头的形状可以由几个顶点构成的多边形或者路径来描述。在调整箭头的方向时，我们可以使用数学计算来确定箭头的顶点位置。 `shape()`方法用于...
Qt流程图绘制
05-20
在Qt的图形视图框架中，图元是基本的可视化对象，可以是简单的形状如矩形、圆形，也可以是复杂的自定义组件。图元具有属性，如位置、大小、颜色、透明度等，这些属性可以通过编程方式进行调整。在流程图绘制中，每个...
Qt实现绘图工具
07-18
用Qt实现绘图工具，可以绘画矩形、椭圆、箭头、线条、文字，还带有颜色选取器，可供颜色变换。
arrow_qt画箭头_QT_箭头_
09-30
使用qt绘制箭头，可以在window和linu中运行
Qt之自绘制饼图
11-05
我们可以通过`QPainter`的`drawLine()`和`drawPolygon()`等方法绘制箭头，确保箭头尖端指向对应的扇区边缘。 7. **事件处理**: 自定义饼图还需要处理鼠标事件，例如当鼠标悬停在某个扇区上时，可以改变该扇区的样式...
QT（QPainter画圆弧）
m0_49476241的博客
05-31 7606
本篇文章给大家介绍一下如何使用QPainter来画圆弧。QPainter画圆弧进行画圆弧时要注意的就是起始角度和旋转的角度。希望大家多多支持，后续将带来更多QPainter的用法。
Qt::绘制框架-绘制图形-矩形|圆形|自定义图形
yzl140的博客
09-06 369
h文件变量申明：i++)
【QT】QT基本图形绘制
半生瓜のblog
02-23 4459
基本图形绘制 QPainter绘制基本图形 **注意：**QPainter画弧度所使用的角度值，是以1/16°为单位的，在画弧度的时候1°用16表示。 **例如：**30°——30 x 16 兼容模式QPainer::CompositionMode **例如:**可用于图片叠加，达到你想要的效果。 QPainterPath绘制简单图形 QPainterPath为QPainter类提供一个存储容器，里面包含了所要绘制的内容的集合及绘制顺序，如长方形、多边形、曲线等各种任意图形。当需要绘制此预先存储在QP
Qt图像处理技术五:图像的翻转(横向,竖向)
depend的博客
09-09 3802
Qt图像处理技术五:图片的翻转(横向,竖向,旋转)
【QT】QT从零入门教程(一)：图像处理自编软件
热门推荐
笔尖的博客
02-06 2万+
自说自话   寒假有了闲暇时间，于是决定做一个实际点的项目。在此之前，一直想做一款软件，把自己所学过的知识融汇进去，以软件界面的形式呈现出来。此前接触过OpenCV，学C++也有一段时间了，正好想从零入门学QT，于是思路打开，就做一个图像处理方向的软件。   这次QT自学，一改以往先看书看视频的习惯，在构思了软件的大致界面和大体功能后，直接上手。不得不说，QT比MFC简洁方便很多，入手也比较容
qt c++ qchart 实时动态绘制曲线
09-10
Qt是一个跨平台的应用程序开发框架，它提供了丰富的图形界面组件和功能库。C++是Qt的主要编程语言，而QChart是Qt提供的一个用于绘制图表的模块。 实时动态绘制曲线是指通过不断更新数据，并在图表上实时展示出来，形成曲线的变化过程。在Qt中使用QChart实现实时动态绘制曲线，可以按照以下步骤进行： 1. 首先，引入必要的头文件和命名空间： #include <QtWidgets/QApplication> #include <QtWidgets/QMainWindow> #include <QtCharts/QChartView> #include <QtCharts/QLineSeries> #include <QTimer> QT_CHARTS_USE_NAMESPACE 2. 创建主窗口，并设置布局： QMainWindow window; QHBoxLayout *mainLayout = new QHBoxLayout; window.setLayout(mainLayout); 3. 创建一个QChart对象，并设置为主窗口的中心部件： QLineSeries *series = new QLineSeries; QChart *chart = new QChart; chart->addSeries(series); chart->createDefaultAxes(); chart->legend()->hide(); QChartView *chartView = new QChartView(chart); mainLayout->addWidget(chartView); 4. 创建一个定时器，并设置定时器的超时槽函数。在该槽函数中更新曲线数据，并重新绘制： QTimer *timer = new QTimer; QObject::connect(timer, &QTimer::timeout, [&series]() { static qreal x = 0; static qreal y = 0; series->append(x, y); // 更新数据 x++; y++; }); 5. 启动定时器，并显示主窗口： timer->start(100); // 设置定时器间隔，单位为毫秒 window.show(); return app.exec(); 通过以上步骤，我们可以在Qt中使用QChart实现实时动态绘制曲线。定时器每隔一定的时间间隔触发，更新曲线的数据，并实时绘制在图表上，从而实现曲线的动态变化效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

梦醒梦起

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值