QT创建一个自定义矩形QGraphicsItem

已于 2024-10-08 19:58:44 修改
阅读量748 收藏 11
点赞数 17
文章标签： qt
于 2024-09-18 23:49:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45837968/article/details/142343377
版权

vs2022+qt6.6.3重写QGraphicsItem绘制一个矩形。该矩形包括5个锚点Item，能够实现矩形的形状调整和移动。这里分享自己的实现思路，难免会有错误，欢迎批评指正。

1.思路

1.1 依赖关系

实现拖动锚点，矩形自动重绘和移动，锚点图元、自定义矩形图元和场景之间的关系非常重要。

（1）锚点图元是自定义矩形图元的子Item。当移动锚点图元时，会将鼠标在场景的新位置传递给父item，然后根据锚点类型进行重绘或者移动自定义矩形。

（2）自定义矩形图元是核心，是绘制的主要部分，主要负责在初始化阶段在四个边角和中心绘制锚点，以及接收锚点图元的新坐标位置重绘矩形。

（3）场景相当于画布，是自定义图元和锚点图元绘制的地方，坐标一般都是基于场景。

 1.2 逻辑关系

自定义图元初始化锚点需要#include锚点文件

移动锚点图元时会将坐标传递给自定义图元，需要#include自定义图元文件

两个类头文件互相引用会报错

因此对自定义图元抽象出一个类ItemBase，然后让自定义图元继承这个类，这样就不会互相引用。在h文件中创建一个传递新锚点坐标的纯虚函数。然后自定义图元去继承ItemBase类并重写updateNewPosition函数，这样锚点图元传递坐标就会传递给自定义图元。

#pragma once
#include"qgraphicsitem.h"
#include"qpainter"

class ItemBase:public QAbstractGraphicsShapeItem
{

public:
	enum AnchorType
	{
		LU,
		LD,
		RU,
		RD,
		CENTER,
		ROTATE
	};

public:	
	int m_itemType;
	virtual void updateNewPosition(QPointF p, AnchorType type) = 0;
};

2.自定义矩形图元实现

2.1 构造函数

在自定义图元中初始化5个锚点，设置锚点的位置、类型以及父图元。

RectItem::RectItem(QRectF rect)
{
	//初始化矩形位置
	m_rect = rect;
	m_x = rect.x();
	m_y = rect.y();
	m_width = rect.width();
	m_height = rect.height();
	m_center = rect.center();
	m_itemType = Rect;

	//定义锚点
	m_anchorPointList.append(new AnchorPoint(LU));
	m_anchorPointList.append(new AnchorPoint(LD));
	m_anchorPointList.append(new AnchorPoint(RU));
	m_anchorPointList.append(new AnchorPoint(RD));
	m_anchorPointList.append(new AnchorPoint(CENTER));

	//初始化锚点位置
	m_anchorPointList[0]->setPoint(QPointF(m_x, m_y));
	m_anchorPointList[1]->setPoint(QPointF(m_x, m_y + m_height));
	m_anchorPointList[2]->setPoint(QPointF(m_x + m_width, m_y));
	m_anchorPointList[3]->setPoint(QPointF(m_x + m_width, m_y + m_height));
	m_anchorPointList[4]->setPoint(m_center);

	//设置父图元
	m_anchorPointList[0]->setParentItem(this);
	m_anchorPointList[1]->setParentItem(this);
	m_anchorPointList[2]->setParentItem(this);
	m_anchorPointList[3]->setParentItem(this);
	m_anchorPointList[4]->setParentItem(this);
}

RectItem::~RectItem()
{

}

 2.2 重写boundingRect和paint函数

boundingRect是自定义图元的活动范围，如果设置错误，拖动锚点将没有反应。

paint是用来绘制图元的。

QRectF RectItem::boundingRect()const
{
	return QRect(m_rect.x() - 10, m_rect.y() - 10, m_rect.width() + 20, m_rect.height() + 20);
}

void RectItem::paint(QPainter* painter, const QStyleOptionGraphicsItem* option, QWidget* widget)
{
	painter->setPen(Qt::red);
	painter->setBrush(Qt::blue);
	painter->drawRect(m_rect);
}

 2.2 重写ItemBase的updateNewPosition函数

重写updateNewPosition，用于接收锚点图元的新坐标，并触发重绘事件。

void RectItem::updateNewPosition(QPointF p, AnchorType type)
{
	m_point = p;
	m_anchorType = type;
	switch (m_anchorType)
	{
	case LU:
	{
		this->setLU(m_point);
		scene()->update();
		break;
	}
	case LD:
	{
		this->setLD(m_point);
		scene()->update();
		break;
	}
	case RU:
	{
		this->setRU(m_point);
		scene()->update();
		break;
	}
	case RD:
	{
		this->setRD(m_point);
		scene()->update();
		break;
	}
	case CENTER:
	{
		this->setCENTER(m_point);
		scene()->update();
		break;
	}
	default:
		break;
	}

}

void RectItem::setLU(QPointF p)
{
	m_width = m_x - p.x() + m_width;
	m_height = m_y - p.y() + m_height;
	m_x = p.x();
	m_y = p.y();
	m_rect = QRectF(m_x, m_y, m_width, m_height);
	m_anchorPointList[0]->setPoint(QPointF(m_x, m_y));
	m_anchorPointList[1]->setPoint(QPointF(m_x, m_y + m_height));
	m_anchorPointList[2]->setPoint(QPointF(m_x + m_width, m_y));
	m_anchorPointList[3]->setPoint(QPointF(m_x + m_width, m_y + m_height));
	m_anchorPointList[4]->setPoint(QPointF(m_x + m_width / 2., m_y + m_height / 2.));
}

void RectItem::setLD(QPointF p)
{
	m_width = m_x - p.x() + m_width;
	m_height = -m_y + p.y();
	m_x = p.x();
	m_rect = QRectF(m_x, m_y, m_width, m_height);
	m_anchorPointList[0]->setPoint(QPointF(m_x, m_y));
	m_anchorPointList[1]->setPoint(QPointF(m_x, m_y + m_height));
	m_anchorPointList[2]->setPoint(QPointF(m_x + m_width, m_y));
	m_anchorPointList[3]->setPoint(QPointF(m_x + m_width, m_y + m_height));
	m_anchorPointList[4]->setPoint(QPointF(m_x + m_width / 2., m_y + m_height / 2.));
}

void RectItem::setRU(QPointF p)
{
	m_width = -m_x + p.x();
	m_height = m_y - p.y() + m_height;
	m_y = p.y();
	m_rect = QRectF(m_x, m_y, m_width, m_height);
	m_anchorPointList[0]->setPoint(QPointF(m_x, m_y));
	m_anchorPointList[1]->setPoint(QPointF(m_x, m_y + m_height));
	m_anchorPointList[2]->setPoint(QPointF(m_x + m_width, m_y));
	m_anchorPointList[3]->setPoint(QPointF(m_x + m_width, m_y + m_height));
	m_anchorPointList[4]->setPoint(QPointF(m_x + m_width / 2., m_y + m_height / 2.));

}

void RectItem::setRD(QPointF p)
{
	m_width = -m_x + p.x();
	m_height = -m_y + p.y();
	m_rect = QRectF(m_x, m_y, m_width, m_height);
	m_anchorPointList[0]->setPoint(QPointF(m_x, m_y));
	m_anchorPointList[1]->setPoint(QPointF(m_x, m_y + m_height));
	m_anchorPointList[2]->setPoint(QPointF(m_x + m_width, m_y));
	m_anchorPointList[3]->setPoint(QPointF(m_x + m_width, m_y + m_height));
	m_anchorPointList[4]->setPoint(QPointF(m_x + m_width / 2., m_y + m_height / 2.));
}

void RectItem::setCENTER(QPointF p)
{

	m_x = p.x() - m_width / 2.;
	m_y = p.y() - m_height / 2.;
	m_rect = QRect(m_x, m_y, m_width, m_height);
	m_center = QPointF(m_x + m_height / 2., m_y + m_width / 2.);

	m_anchorPointList[0]->setPoint(QPointF(m_x, m_y));
	m_anchorPointList[1]->setPoint(QPointF(m_x, m_y + m_height));
	m_anchorPointList[2]->setPoint(QPointF(m_x + m_width, m_y));
	m_anchorPointList[3]->setPoint(QPointF(m_x + m_width, m_y + m_height));
	m_anchorPointList[4]->setPoint(QPointF(m_x + m_width / 2., m_y + m_height / 2.));
}

3.锚点图元实现

锚点图元非常重要，它负责重绘或移动图元。当锚点是四个角时，移动锚点就会重新自定义图元。当锚点是中心位置时，就会移动图元。

3.1 重写boundingRect和paint

paint根据锚点类型绘制相应的形状

QRectF AnchorPoint::boundingRect() const
{

	return QRectF(m_point.x() - m_drawSize / 2., m_point.y() - m_drawSize / 2., m_drawSize, m_drawSize);
}

void AnchorPoint::paint(QPainter* painter, const QStyleOptionGraphicsItem* option, QWidget* widget)
{
	m_scaleFactor = painter->transform().m11();

	switch (m_anchorType)
	{
	case LU:
	case LD:
	case RU:
	case RD:
	{
		painter->setPen(Qt::darkMagenta);
		painter->drawRect(m_point.x() - m_drawSize / 2. / m_scaleFactor, m_point.y() - m_drawSize / 2. / m_scaleFactor, m_drawSize / m_scaleFactor, m_drawSize / m_scaleFactor);
		break;
	}
	case CENTER:
	case ROTATE:
	{

		painter->setPen(Qt::black);
		painter->drawEllipse(m_point.x() - m_drawSize / 2. / m_scaleFactor, m_point.y() - m_drawSize / 2. / m_scaleFactor, m_drawSize / m_scaleFactor, m_drawSize / m_scaleFactor);

		break;
	}
	default:
		break;
	}
}

3.2 重写鼠标事件

鼠标事件是为了获取鼠标的坐标，其中MouseMoveEvent是获取鼠标移动的距离，然后重绘锚点图元，并将新坐标发送给父图元重绘自定义图元。

void AnchorPoint::mouseMoveEvent(QGraphicsSceneMouseEvent* event)
{
	QGraphicsItem::mouseMoveEvent(event);

	if (event->buttons() == Qt::LeftButton)
	{
		ItemBase* item = static_cast<ItemBase*>(this->parentItem());//父类对象指向子类对象

		m_itemType = item->m_itemType;
		switch (m_itemType)
		{
		case ItemBase::Rect:
		{
#pragma region 矩形
			switch (m_anchorType)
			{
			case ItemBase::LU:
			{
				setCursor(Qt::ClosedHandCursor);
				qreal dx = event->scenePos().x() - event->lastScenePos().x();
				qreal dy = event->scenePos().y() - event->lastScenePos().y();
				m_point += QPoint(dx, dy);
				item->updateNewPosition(m_point, ItemBase::LU);
				break;
			}
			case LD:
			{
				setCursor(Qt::ClosedHandCursor);
				qreal dx = event->scenePos().x() - event->lastScenePos().x();
				qreal dy = event->scenePos().y() - event->lastScenePos().y();
				m_point += QPoint(dx, dy);
				item->updateNewPosition(m_point, ItemBase::LD);
				break;
			}
			case RU:
			{
				setCursor(Qt::ClosedHandCursor);
				qreal dx = event->scenePos().x() - event->lastScenePos().x();
				qreal dy = event->scenePos().y() - event->lastScenePos().y();
				m_point += QPoint(dx, dy);
				item->updateNewPosition(m_point, ItemBase::RU);
				break;
			}
			case RD:
			{
				setCursor(Qt::ClosedHandCursor);
				qreal dx = event->scenePos().x() - event->lastScenePos().x();
				qreal dy = event->scenePos().y() - event->lastScenePos().y();
				m_point += QPoint(dx, dy);
				item->updateNewPosition(m_point, ItemBase::RD);
				break;
			}
			case CENTER:
			{
				setCursor(Qt::ClosedHandCursor);
				qreal dx = event->scenePos().x() - event->lastScenePos().x();
				qreal dy = event->scenePos().y() - event->lastScenePos().y();
				m_point += QPointF(dx, dy);
				item->updateNewPosition(m_point, ItemBase::CENTER);
				break;
			}
			}
#pragma endregion
			break;
		}
		
		}
		}

	}
}

void AnchorPoint::mouseReleaseEvent(QGraphicsSceneMouseEvent* event)
{
	setCursor(Qt::ArrowCursor);
}

更新于2024.10.1

RedApes
关注
自定义 QGraphicsItem
青春不老，奋斗不止！
11-11 1万+
QGraphicsItem 是场景中 item 的基类。图形视图提供了一些典型形状的标准 item，例如：矩形 ( QGraphicsRectItem )、椭圆 ( QGraphicsEllipseItem ) 、文本项 ( QGraphicsTextItem )。
Qt5 自定义QGraphicsItem的选择、缩放、移动、旋转
05-09
Qt5.12 通过派生QGraphicsItem，实现自定义图形的选择、缩放、移动、旋转。程序功能介绍参考本人本站发布的《自定义QGraphicsItem的选择、缩放、移动、旋转》文章
Qt 通过重写QGraphicItem实现绘制、拖动、缩放、旋转矩形
richer_live的博客
01-26 6048
Qt 通过重写QGraphicItem实现绘制、拖动、缩放、旋转矩形 本例程通过重写了一个类，继承自QGraphicItem，来实现了在qgraphicsScene上绘制、拖动、缩放、旋转矩形。 效果如下： 其实要实现绘制、拖动、缩放矩形都不难，难的是在旋转之后还要支持缩放。 我的思路是： 1.实现绘制矩形：只要定义一个全局变量QRectF m_oldRect，在外面矩形大小传进来，然后在paint函数里面绘制这个矩形就行 2.实现拖动矩形：重写mousePressEvent，mouseMoveEvent
自定义QGraphicsItem通过起点和终点画一个矩形
最新发布
m0_57665952的博客
08-17 195
在你的主窗口类中，创建一个和一个，然后将添加到场景中。// 创建一个矩形的起点为 (50, 50)，终点为 (150, 100) 的 RectangleItem。
QT画矩形
weixin_30933531的博客
11-22 1267
第一次发QT的博文，本人对QT接触没多久，还在入门水平，大牛勿喷哈，之前因为C# (.net framework)做出来的绘制矩形的程序闪的太厉害了，现在用QT重做一个 先上效果图 代码贴全了 #include "mainwindow.h" #include "ui_mainwindow.h" #include<QPalette> ...
Qt矩形绘制
qq_41973378的博客
04-28 8160
Qt矩形绘制 开发工具与关键技术：QtCreator、C++ 作者：何任贤 撰写时间：2019年04月25日 我这个矩形绘制是类绘图软件的矩形绘制，我写了一个简单的例子，达到绘图软件的绘制矩形的效果。 首先要做的是重写四个方法。 void paintEvent(QPaintEvent *e) override; void mousePressEvent(QMouseEvent *e)over...
QGraphicsScene Item 绘制图元
07-06
QGraphicsScene QGraphicsItem 绘制直线，折线，多边形，矩形，圆形，闭合曲线以及文字，双击进行编辑，右键结束当前操作， Qt5.6
qt在窗口的子部件中绘制矩形
肩上风骋的博客
06-28 2738
引言 在窗口中绘制矩形，只需重写paintEvent()函数，在重回函数中实现绘制矩形便可。但在窗口的某一个子部件中实现绘制矩形，此时就需重写事件过滤函数，在指定的子部件的绘图事件实现绘制矩形。 结构 窗口部件的组成如下图，现需在子部件widget中实现绘制矩形。 实现 重写事件过滤，在指定电子部件的绘图事件下实现绘制矩形。 首先安装事件过滤器 在构造函数中添加具体控件安装事件过滤器。 ui->widget->installEventFilter(this); ui->b
qt界面编程，画矩形框
06-13
代码实现使用qt画矩形框的功能，代码小巧玲珑，亲测可用
QGraphicsItem自定义图元，拖动绘制，拖动拉伸缩放图元
08-13
在Qt库中，`QGraphicsItem`是图形界面（GUI）编程中的一个重要组件，它用于在`QGraphicsView`或`QGraphicsScene`中创建可交互的2D图形元素。本示例着重介绍如何自定义`QGraphicsItem`实现拖动绘制、拖动以及拉伸缩放...
在QGraphicsScene上画矩形
11-20
CustomSense继承QGraphicsScene，QGraphicsView，重写了鼠标事件，在CustomSense上添加图片并画矩形标记出特定区域，是专门满足这个需求写的小测试例子，使用Qt5实现。
qt画板可画矩形
12-23
可画矩形直线（还有其他的图形） 包含信号槽 有3个类
QT画矩形Graphics， Scene，Item逻辑关系使用
10-31
QT 图形视图（Graphics View）提供了一个平台， 框架包括一个事件传播架构，支持场景（Scene）中的图元（Item）,通过画矩形框，系统了解 显示 场景 图元 paint 重载等
Qt QGraphics 实现可移动缩放的矩形框
12-10
在"GraphicsRectDemo"中，我们将创建一个自定义的QGraphicsItem子类，我们称其为`ResizableRectangle`。这个类将包含处理鼠标事件的方法，使得矩形框可以响应用户的拖动和缩放操作。 1. **鼠标事件处理**： - `...
【QT进阶】第十四章 自定义QGraphicsItem的实现设备节点
凉开水白菜的博客
05-02 159
在第六章讲解了GraphicsView的使用，在该章节中主要是使用现有的画框写字，在实际使用中不会是简单的绘画一个框或则绘画一个文字，本章节引入一个自定义QGraphicsItem的用法实现设备节点，在这个章节会使用到QPainter和GraphicsView的内容建议配合使用。
自定义QGraphicsItem
conimade的博客
06-29 264
#include "butterfly.h" #include<cmath> const static double PI=3.1416; Butterfly::Butterfly(QObject *parent) : QObject(parent) { up=true; pix_up.load(":/image/up.jpg"); pix_down.load(":/image/down.jpg"); startTimer(1000); } void But.
QT---画弦、矩形、圆、椭圆、QPainterPath一次性画多个、画贝塞尔曲线、画扇形、画弧、裁剪、掩码基本画法
热门推荐
weixin_39609623的博客
05-29 1万+
使用qt的QPainter可以绘制出任何你想要的图形，同时也须要一定的功底；这里是个人使用的一些实践例子，以作学习和备忘。本次介绍主要有画弦、矩形、圆、椭圆、QPainterPath一次性画多个、画贝塞尔曲线、画扇形、画弧、裁剪、掩码等。 一、画弦 Widget::Widget(QWidget *parent) : QWidget(parent) { setAutoFillB...
Qt 绘制矩形
QtCompany的博客
04-25 1528
是左上角和右下角的点坐标，可以根据需要修改这些值来调整矩形的大小和位置。对象，并设置了画笔为黑色。方法绘制了矩形的四条边，其中。
使用Qt进行OpenGL开发-绘制简单矩形
yang1fei2的博客
10-05 2245
Qt中自带OpenGL模块可以用来进行三维开发,下面介绍一下在Qt中进行OpenGL开发的一些简单Demo。OpenGL的最小图元是三角形。矩形则由两个三角形组成。通过四个顶点坐标和顶点的索引确定两个三角形，从而组成一个矩形。代码采用的是Qt的Opengl模块，管道编程采用的是GLSL语言。 在头文件中需要包含Qt对应的模块头文件,对应的头文件代码如下。 opengl.h #ifndef OPENGL_H #define OPENGL_H #include <QtWidgets/QWid..
自定义的QGraphicsItem对象
03-30
QGraphicsItem是Qt中的一个重要的图形项，用于在QGraphicsScene中显示图形对象。开发者可以继承QGraphicsItem类自定义自己的图形项，并实现自己的绘制方式和交互行为。 以下是一个自定义的QGraphicsItem对象的例子： ```cpp class MyGraphicsItem : public QGraphicsItem { public: MyGraphicsItem(QGraphicsItem* parent = nullptr); QRectF boundingRect() const override; void paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget) override; }; MyGraphicsItem::MyGraphicsItem(QGraphicsItem* parent) : QGraphicsItem(parent) { // 设置图形项的大小和位置 setRect(0, 0, 100, 100); } QRectF MyGraphicsItem::boundingRect() const { // 返回图形项的边界矩形 return QRectF(0, 0, 100, 100); } void MyGraphicsItem::paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget) { // 绘制图形项的内容 painter->setBrush(Qt::red); painter->drawRect(boundingRect()); } ``` 在上面的代码中，MyGraphicsItem继承了QGraphicsItem类，并实现了boundingRect和paint方法。boundingRect方法返回图形项的边界矩形，而paint方法则用于绘制图形项的内容。 开发者可以在自定义的QGraphicsItem对象中实现自己的绘制逻辑和交互行为，从而实现更加丰富的图形场景效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值