QT 实现可以拖拽边框改变大小的QGraphicsItem矩形

最新推荐文章于 2025-05-29 12:36:59 发布
原创 最新推荐文章于 2025-05-29 12:36:59 发布 · 5.4k 阅读 · 10 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#QT #QGraphicsView #可拖拽大小

本文分享了在QGraphicsView中实现矩形拖拽与缩放功能的简单Demo，采用Qt 5.12.1与Visual Studio 2017开发，通过九宫格方式判断鼠标位置，控制矩形头部、尾部及宽度的独立拖动，保持宽度对称变化。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

写在前面：本人是菜鸟，如果有不对的欢迎指正。

QT版本：5.12.1

VS版本：2017

编辑器：msvc2017_64

之前想实现在QGraphicsView里面绘制一个矩形，然后拖拽边框进行放大缩小，我觉得这种东西网上应该好多资源，不过我发现大部分是思路。所以我想写一个简单的Demo。

这个思路可以参考把窗口设置为无边框后怎么改变窗口大小。(把矩形划分为9宫格，然后去判断相应的动作）

在Item是有Hover参数的。（亲，别忘了设置setAcceptHoverEvents(true); ）

然后在hover事件中判断鼠标的位置，从而了解需要的操作，一旦鼠标按下，就进入了一个状态，控制上下变化，或者左右？

在这个Demo中，矩形分头、尾、宽度。头和尾的拖动独立，宽度拖动时保持对称。

制作Demo时的问题，欢迎大家讨论：

1，如果把矩形拖得特别大，那么我的Hover事件就失效了，但是通过改变scene的大小可以让我的矩形拖得更大。。我没有明白这里的原因。

2，在写鼠标Move事件的时候，改变矩形有两种方法，一种是通过鼠标的偏差值，一种是用最终位置。在这里用偏差值的话会卡，所以我用了鼠标最终位置，这两种方法有什么比较嘛？

好了，最后附上下载地址。

优快云下载地址

Qt重写QgraphicsItem创建旋转矩形
weixin_45837968的博客
10-08 1291
在自定义图元中初始化6个锚点，设置锚点的位置、类型以及父图元。//初始化矩形位置//旋转矩形使用QPolygonF保存并绘制//初始化锚点位置//设置父图元。
Qt实现可拖拽的矩形
qyqcs的博客
11-20 612
之前项目上需要用Qt来绘制可拖拽改变形状的矩形。看了Qt Graphics相关的内容，虽然对Qt怎么添加图元的有了些了解，但是具体如何实现拖拽效果，一时也没有什么好的想法。还好网上有人分享的例子，很受启发。最近时间比较多，又回顾了一下这部分的代码，发现了一种新的实现方式。希望这个例子也能帮助到需要的人吧。
Qt QGraphicsItem尺寸调整，缩放
03-22
QT GraphicsView框架的应用，对自定义RectItem通过控制点AgentItem调整尺寸，Item成组，解组的具体用法，给学习Qt组态软件编写提供很大帮助。 程序需要Qt4.7.4支持，Vs2008环境。
C++ Qt 图像处理功能实战：放大、缩小与拖动
最新发布
weixin_33308579的博客
05-29 911
Qt是一个跨平台的C++应用程序框架，广泛应用于GUI开发。它提供了丰富的库集合，支持图形界面、网络通信、数据库连接以及多媒体处理等多种功能。Qt的跨平台特性让它在不同操作系统上（如Windows、macOS、Linux等）的软件开发中变得异常灵活。为了实现高级定制的缩放功能，我们可能需要创建一个自定义的接口来替代默认的鼠标滚轮事件处理。这样，我们可以定义特定的缩放行为，比如是否允许缩放、在什么条件下缩放以及缩放步长等。下面是一个自定义缩放功能的简单示例：return;
QGraphicsItem鼠标大小缩放
05-22
利用鼠标拖动QGraphicsItem的边缘对QGraphicsItem进行大小缩放，这个例子很简单，有需要的同学可以自行进行扩充并加以利用。
Qt / PyQt 拖动改变矩形大小
热爱代码
06-03 679
Qt / PyQt 拖动改变矩形大小 现有功能 在窗口上绘制任意大小的矩形。通过边角的拖曳按钮改变矩形大小。
通过QGraphicsItem绘制可拖拽，改变大小的矩形
qq_34248512的博客
12-21 2935
#pragma once #include <QGraphicsItem> #include <QPointF> #include <QColor> class PointGraphicsItem final : public QGraphicsItem { public: PointGraphicsItem(QGraphicsItem* parent = Q_NULLPTR); ~PointGraphicsItem() override; QRect
QGraphicsItem绘制，拉伸，旋转，移动矩形
09-18
开发者可以通过覆写QGraphicsItem的boundingRect方法来定义矩形的尺寸，而在其他一些情况下，可能需要手动调整矩形的位置属性来实现拉伸效果。 再者，旋转矩形是图形变换中的一项重要功能，它允许矩形在二维平面上...
QGraphicsItem自定义图元，拖动绘制，拖动拉伸缩放图元
08-13
Qt的信号和槽机制是实现这些功能的关键，通过连接`QGraphicsItem`的事件处理函数（如`mouseMoveEvent`）到合适的槽函数，你可以实现图形元素的交互行为。 7. **优化和性能**： 当处理大量图元或者复杂的交互时，...
Qt QGraphics 实现可移动缩放的矩形框
12-10
我们可以通过向QGraphicsScene添加QGraphicsItem来创建图形元素，如矩形。 在"GraphicsRectDemo"中，我们将创建一个自定义的QGraphicsItem子类，我们称其为`ResizableRectangle`。这个类将包含处理鼠标事件的方法，...
QGraphicsItem选中后，出现边框，可以拉伸
01-10
QGraphicsItem选中后，出现边框，可以拉伸，在Qt5下测试通过，已经在实际中使用，希望可以帮助到需要的人
QT可通过控制点改变大小的矩形框
weixin_43607300的博客
01-11 1285
QT可通过控制点改变大小的矩形框 源码下载链接：https://download.youkuaiyun.com/download/weixin_43607300/14094294 效果如下： 部分代码 #include "DrawRect.h" DrawRect::DrawRect(QRect rect) { codec = QTextCodec::codecForName("gbk"); m_Rect = rect; //创建控制点 newControlPoint(); } DrawRect::Dr
QGraphicsItem鼠标拖动图元进行缩放拉伸（四）
流云落尘
08-13 5180
接上一篇，本章将讲解如何通过鼠标拖动图元进行缩放拉伸该章简单讲解了一下如何拖动图元进行缩放，下章将继续讲解如果拖动旋转图元整个工程示例源码下载示例源码。
QT 自定义边框,可伸缩,延伸, 拖动
黑塞的博客
09-08 2795
有时为了美观,会自己制作边框, 这就意味着,你完成上述功能,要实现三个功能: <1>窗体可自由 伸缩. 可大可小. <2>窗体可随着鼠标移动 <3>自己实现标题栏(包含 最小化,最大化,关闭) 那么就按照上述的顺序来讲解: 窗体可自由 伸缩. 可大可小: 1:有时你会发现,当鼠标放在边框边时 鼠标会有变化,(箭头向上,向下, 向左,向右, 左上.... ) 如图...
QGraphicItem, 拖拽窗口大小例子
LiuXulisa的专栏
10-22 4077
参考: Qt\4.7.1\demos\boxes 所写。 例子表现： 如图。Hover到红色拖拽区域，鼠标样式改变。 重点语句已经做重点标记。 【.h】 class Graph : public QGraphicsItem { public: Graph(int x, int y); virtual ~Graph(); QRectF bou
QGraphicsView实现图片放大、缩小、鼠标拖动、以鼠标点放大缩小
qq_35662333的博客
03-25 3787
【代码】QGraphicsView实现图片放大、缩小、鼠标拖动、以鼠标点放大缩小。
qt 创建一个可以拖拽的矩形，简单实验 方案2
xie__jin__cheng的博客
07-16 279
qt 创建一个可以拖拽的矩形，简单实验 方案2
qt实现矩形,椭圆roi移动,大小改变实例源码
06-22
### 回答1： Qt是一个跨平台的C++框架，具有丰富的绘图功能。实现矩形、椭圆ROI移动、大小改变可以通过继承QWidget类创建自定义控件，重载其paintEvent()函数实现绘图，以及鼠标事件处理函数实现ROI的交互操作。 以下是一个实现矩形和椭圆ROI的示例代码： ```c++ #include <QWidget> #include <QPainter> class ROIWidget : public QWidget { public: enum ROIType {RectROI, EllipseROI}; ROIWidget(QWidget* parent = nullptr) : QWidget(parent), m_roiType(RectROI) { } void setROIType(ROIType type) { m_roiType = type; update(); } protected: void paintEvent(QPaintEvent* event) override { QPainter painter(this); painter.setPen(QPen(Qt::blue, 2)); painter.setBrush(QBrush(Qt::transparent)); if (m_roiType == RectROI) painter.drawRect(m_roiRect); else if (m_roiType == EllipseROI) painter.drawEllipse(m_roiRect); } void mousePressEvent(QMouseEvent* event) override { m_lastPos = event->pos(); } void mouseMoveEvent(QMouseEvent* event) override { QPoint delta = event->pos() - m_lastPos; m_roiRect.translate(delta); m_lastPos = event->pos(); update(); } void mouseReleaseEvent(QMouseEvent* event) override { // do nothing } QRect m_roiRect; ROIType m_roiType; QPoint m_lastPos; }; ``` 该示例定义了一个ROIWidget控件类，继承自QWidget类。其中，paintEvent()函数根据ROI类型绘制矩形或椭圆ROI；mousePressEvent()函数记录鼠标按下时的位置，mouseMoveEvent()函数计算鼠标移动的距离，更新ROI的位置，mouseReleaseEvent()函数暂时不做处理。 实现ROI大小改变可以在该示例的基础上进行修改。在mousePressEvent()函数中，判断鼠标的位置是否在ROI的边框上，如果是，则记录鼠标按下时的位置，并将状态设置为正在改变ROI大小；在mouseMoveEvent()函数中，如果状态为正在改变ROI大小，则计算鼠标移动的距离，更新ROI的大小；在mouseReleaseEvent()函数中，将状态设置为ROI未在改变大小。 完整代码请参考以下示例链接： https://github.com/vickymaze/QtROIWidget ### 回答2： 要实现矩形和椭圆ROI的移动和大小改变，我们可以使用Qt中的QGraphicsView和QGraphicsScene来实现。以下是一个示例代码，让您可以了解这个过程。 在我们的示例中，我们将创建一个简单的图形场景，其中包含一个矩形和一个椭圆。然后，我们将允许用户使用鼠标移动和调整这些形状。 #include <QApplication> #include <QGraphicsEllipseItem> #include <QGraphicsRectItem> #include <QGraphicsScene> #include <QGraphicsView> #include <QMouseEvent> class Rectangle : public QGraphicsRectItem{ public: Rectangle(){ setRect(0, 0, 100, 100); setFlag(QGraphicsItem::ItemIsMovable, true); setFlag(QGraphicsItem::ItemIsSelectable, true); } }; class Ellipse : public QGraphicsEllipseItem{ public: Ellipse(){ setRect(0, 0, 100, 100); setFlag(QGraphicsItem::ItemIsMovable, true); setFlag(QGraphicsItem::ItemIsSelectable, true); } }; class Scene : public QGraphicsScene{ public: Scene(QObject* parent = NULL) : QGraphicsScene(parent){} void mousePressEvent(QGraphicsSceneMouseEvent* event){ QGraphicsScene::mousePressEvent(event); } void mouseReleaseEvent(QGraphicsSceneMouseEvent* event){ QGraphicsScene::mouseReleaseEvent(event); } }; int main(int argc, char *argv[]){ QApplication a(argc, argv); QGraphicsScene* scene = new Scene(); QGraphicsView view(scene); Rectangle* rect = new Rectangle(); scene->addItem(rect); Ellipse* ellipse = new Ellipse(); ellipse->setPos(150, 0); scene->addItem(ellipse); view.show(); return a.exec(); } 在上面的代码中，我们创建了一个Scene类来扩展QGraphicsScene。然后，我们在其中重写了鼠标事件，使其在被选择的情况下可以移动和改变大小。 我们还创建了Rectangle和Ellipse类，分别扩展了QGraphicsRectItem和QGraphicsEllipseItem。在这些类中，我们设置了标志，使它们可以被拖动和选择。 要在代码中添加其他功能，您可以将其添加到上述类中。使用QGraphicsView和QGraphicsScene，您可以轻松地创建交互式图形应用程序。 ### 回答3： Qt是一个基于C++语言的跨平台GUI应用开发框架，它提供了一种方便快捷的方式来实现图形用户界面的设计和实现，同时它还提供了许多方便的工具和类库来实现不同的功能。 通过QT，可以实现矩形、椭圆roi移动、大小改变的功能。下面是一个实例源码，通过实现该代码，不仅可以实现这些功能，也可以帮助您更好地理解QT的使用。 ``` #include <QtWidgets/QApplication> #include <QtWidgets/QMainWindow> #include <QtGui/QMouseEvent> #include <QtGui/QPainter> class RectEllipse : public QMainWindow { public: RectEllipse(QWidget *parent = nullptr) : QMainWindow(parent) { this->setWindowTitle("RectEllipse"); this->setFixedSize(400, 400); m_rect = QRect(50, 50, 100, 50); m_ellipse = QRect(150, 150, 50, 100); m_location = NONE; } protected: void paintEvent(QPaintEvent *event) Q_DECL_OVERRIDE { QPainter painter(this); painter.setPen(Qt::red); painter.drawRect(m_rect); painter.setPen(Qt::green); painter.drawEllipse(m_ellipse); } void mousePressEvent(QMouseEvent *event) Q_DECL_OVERRIDE { if (event->button() == Qt::LeftButton) { if (m_rect.contains(event->pos())) m_location = RECT; else if (m_ellipse.contains(event->pos())) m_location = ELLIPSE; } m_startPos = event->pos(); } void mouseMoveEvent(QMouseEvent *event) Q_DECL_OVERRIDE { if (m_location == RECT) { m_rect.moveTo(m_rect.topLeft() + event->pos() - m_startPos); update(); } else if (m_location == ELLIPSE) { QPointF center = m_ellipse.center(); center += event->pos() - m_startPos; m_ellipse.moveCenter(center.toPoint()); update(); } m_startPos = event->pos(); } void mouseReleaseEvent(QMouseEvent *event) Q_DECL_OVERRIDE { Q_UNUSED(event); m_location = NONE; } void resizeEvent(QResizeEvent *event) Q_DECL_OVERRIDE { Q_UNUSED(event); m_ellipse.moveTo(m_ellipse.x(), m_ellipse.y() + height() - m_oldHeight); m_oldHeight = height(); } private: enum Location { NONE, RECT, ELLIPSE }; QRect m_rect, m_ellipse; Location m_location; QPoint m_startPos; int m_oldHeight; }; int main(int argc, char *argv[]) { QApplication a(argc, argv); RectEllipse w; w.show(); return a.exec(); } ``` 这段代码实现了一个继承自QMainWindow的主窗口，并在窗口中绘制了一个矩形和一个椭圆。当用户在矩形或椭圆上单击左键时，可以通过鼠标移动来移动和调整矩形或椭圆的大小。 在这个例子中，我们重载了QMainWindow的三个事件方法—paintEvent, mousePressEvent和mouseMoveEvent，以响应用户的操作。在paintEvent方法中，我们使用QPainter绘制了一个红色的矩形和一个绿色的椭圆。在mousePressEvent中，我们通过判断鼠标单击的位置是否在矩形或椭圆内来确定用户想要操作的对象。在mouseMoveEvent中，我们匹配所选定的对象来移动或调整矩形或椭圆的位置和大小。在resizeEvent中，我们调整了椭圆的位置，以使其始终保持在窗口的底部。 该实例是一个很好的例子，演示了如何使用Qt来实现矩形、椭圆roi移动、大小改变的功能。您可以通过运行该代码，并探索其中不同部分的具体实现来更好地理解Qt的使用。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值