《QT从基础到进阶·十五》用鼠标绘制矩形（QGraphicsView、QPainter、QGraphicsRectItem）

原创 已于 2023-11-10 09:20:20 修改 · 4.3k 阅读 · 42 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#qt #开发语言 #c++ #c语言 #图形渲染 #qt5

于 2023-11-09 10:10:45 首次发布

以下是鼠标绘制矩形最全的一种用法，完整源码将会放在最后面。
QT版本：5.15.2
VS版本：2019

1、在界面加载一张图片
界面的搭建选用QGraphicsView，自定义类GraphicsView继承QGraphicsView，在主程序中点击按钮打开 图片，相关代码如下：

void testString::on_button_clicked()
{
   
   

    QString fileName = QFileDialog::getOpenFileName(this, "open", QStandardPaths::writableLocation(QStandardPaths::PicturesLocation), "image (*.bmp *.png *.jpg)");
    if (fileName.isEmpty())
    {
   
   
        return;
    }
    QImage image(fileName);
    gview->setBackImage(image);
}

在这里插入图片描述

2、创建矩形绘制对象，并绘制、移动矩形
在GraphicsView类中创建矩形绘制对象，并初始化该对象用于绘制矩形。在GraphicsView类的鼠标事件中设置绘制矩形时鼠标按下，移动，释放操作。

DrawROI* m_drawROI;
m_drawROI = new DrawROI(this);
m_drawROI->isDrawMultipleROIs(false);  //是否允许画多个矩形

void GraphicsView::mousePressEvent(QMouseEvent* event)
{
   
   
	QPoint nViewPoint = event->pos
最低0.47元/天 解锁文章
QGraphicsView通过鼠标操作来绘制图元
yang1fei2的博客
01-15 3376
在Visio和MindManager等类似的图元操作软件中，很多时候我们会通过鼠标操作来添加自定义的图元。这里就介绍一下如何在QT的图形视图框架中通过鼠标绘制来添加图元。
QT软件开发: 点击鼠标在窗口里绘制矩形(窗口透明背景)
08-12 2963
一、功能需求 一般在软件开发中，需要都有选择区域的需求，比如： 1. 截图软件，需要鼠标选择指定区域截图 2. 屏幕录像软件，需要鼠标选择指定区域录像 3. 图片浏览器，需要鼠标选择指定区域放大查看 4. 视频播放器，需要鼠标选择指定区域放大播放 ........... 二、运行效果 三、示例代码 3.1 widget.cpp #include "widget.h" #include "ui_widget.h" Widget::Widget(QWidget *pare...
Qt中QGraphicsView架构下实时鼠标绘制图形
糯诺诺米团
01-12 2910
实现鼠标实时绘图的功能，无论是MFC框架还是Qt框架，基本原理都是一致的，基本上不会离开鼠标的三大事件。我是糯诺诺米团，一名C++开发程序媛~
Qt Graphics View 框架综合架构与性能分析
最新发布
greenspan的专栏
09-17 663
本文深入解析Qt Graphics View框架的架构设计，分为三部分：首先介绍其基于MVC的架构，将场景（模型）、视图与图元解耦，实现高性能渲染；其次详细分析图元、场景与视图三层坐标系及其转换方法，强调对坐标系的理解是实现交互功能的关键；最后探讨事件传播机制，说明如何通过事件处理实现交互式应用。文章指出，理解这种解耦设计和坐标系转换是高效使用该框架的核心，能显著提升开发效率和调试能力。
pyQT5在QGraphicsView中通过鼠标交互式绘制长方形
weixin_38980073的博客
10-19 731
pyQT5在QGraphicsView中通过鼠标交互式绘制长方形。
QT实现鼠标绘制一个矩形
weixin_45837968的博客
09-08 943
想要鼠标绘制一个矩形item，首先要明白鼠标事件（例如mousePressEvent）在view、scene和item中的哪一个里面重写。鼠标绘制矩形item，实际上就是实时重新定义矩形item的形状。因此，要在图元item中重写鼠标事件。
精选资源
（GraphicsView，QPainter，QGraphicsRectItem）QT用鼠标绘制矩形
11-10
这是一个QT的demo，可以用鼠标进行矩形的绘制，根据这个demo也可以绘制出其他的多边形 QT版本：5.15.2 VS版本：2019 1、鼠标绘制一个或多个矩形 2、鼠标放在矩形上可以按住拖动 3、鼠标放在矩形边缘可以拉长或拉短...
精选资源
QGraphicsView以鼠标点实现放大缩小、拖拽
12-22
在Qt框架中，`QGraphicsView`是一个强大的组件，用于显示和操作复杂的2D图形场景。本篇文章将详细讲解如何利用`QGraphicsView`来实现图像的放大、缩小和拖拽功能，这对于创建具有交互性的图形用户界面（GUI）特别...
精选资源
QGraphicsItem绘制，拉伸，旋转，移动矩形
09-18
在QGraphicsView框架中，我们可以通过继承QGraphicsItem并重写其paint方法来自定义矩形的绘制行为。在paint方法中，我们可以使用QPainter对象来绘制矩形。例如，通过调用QPainter的drawRect方法，开发者可以绘制出...
QT画矩形
weixin_30933531的博客
11-22 1340
第一次发QT的博文，本人对QT接触没多久，还在入门水平，大牛勿喷哈，之前因为C# (.net framework)做出来的绘制矩形的程序闪的太厉害了，现在用QT重做一个 先上效果图 代码贴全了 #include "mainwindow.h" #include "ui_mainwindow.h" #include<QPalette> ...
Qt矩形绘制
qq_41973378的博客
04-28 8358
Qt矩形绘制 开发工具与关键技术：QtCreator、C++ 作者：何任贤 撰写时间：2019年04月25日 我这个矩形绘制是类绘图软件的矩形绘制，我写了一个简单的例子，达到绘图软件的绘制矩形的效果。 首先要做的是重写四个方法。 void paintEvent(QPaintEvent *e) override; void mousePressEvent(QMouseEvent *e)over...
QT画直线、矩形，鼠标消息
08-23
注释很完整，适合新手学习。QT5.0下写的。
QT软件: 窗口里使用鼠标绘制矩形.zip
08-12
这是QT软件: 窗口里使用鼠标绘制矩形源码。 一般在软件开发中，需要都有选择区域的需求，比如： 1.  截图软件，需要鼠标选择指定区域截图 2. 屏幕录像软件，需要鼠标选择指定区域录像 3. 图片浏览器，需要鼠标选择指定区域放大查看 4. 视频播放器，需要鼠标选择指定区域放大播放 ........... 博客地址： https://xiaolong.blog.youkuaiyun.com/article/details/119636560
qt界面编程，画矩形框
06-13
代码实现使用qt画矩形框的功能，代码小巧玲珑，亲测可用
qt重写paintEvent实现鼠标拖动绘制直线、矩形和圆
03-09
要在界面上按下鼠标，拖动之后松开鼠标，然后就在界面上绘制出了线、矩形和圆形 代码用了抽象的概念，将三种图形抽象成了一个myShape，在代码中的体现就是定义了一个基类myShape类，其他所有的图像类都继承自这个基类，然后在每个子类中都添加了drawShape（）方法，这样在界面的paintEvent(QPaintEvent *event)方法中绘图的时候就不需要分各种图形来单独绘制了
Qt QPainter鼠标绘制线条、矩形、多边形
小蝈蝈的博客
01-20 7040
Qt通过鼠标绘制线条、矩形、多边形本质都是根据鼠标的坐标位移，使用QPainter的自带的函数进行绘制。具体代码如下： graphicspainter.h #ifndef GRAPHICSPAINTER_H #define GRAPHICSPAINTER_H #include <QWidget> #include "shape.h" #include "paintrectline.h" class GraphicsPainter : public QWidget { Q_OBJECT
qt在窗口的子部件中绘制矩形
肩上风骋的博客
06-28 2930
引言 在窗口中绘制矩形，只需重写paintEvent()函数，在重回函数中实现绘制矩形便可。但在窗口的某一个子部件中实现绘制矩形，此时就需重写事件过滤函数，在指定的子部件的绘图事件实现绘制矩形。 结构 窗口部件的组成如下图，现需在子部件widget中实现绘制矩形。 实现 重写事件过滤，在指定电子部件的绘图事件下实现绘制矩形。 首先安装事件过滤器 在构造函数中添加具体控件安装事件过滤器。 ui->widget->installEventFilter(this); ui->b
qgraphicsrectitem 绘制矩形与qpainter
08-05
在 Qt 中，`QGraphicsRectItem` 和 `QPainter` 是用于绘制矩形的两种不同方式，分别适用于不同的场景。以下是它们的使用方法和区别。 ### 使用 `QGraphicsRectItem` 绘制矩形 `QGraphicsRectItem` 是 `QGraphicsScene` 框架中的一部分，适用于构建图形场景和视图的场景管理。它提供了一个现成的矩形图形项，可以轻松添加到场景中并进行交互。 以下是一个完整的示例代码，展示如何使用 `QGraphicsRectItem` 创建一个矩形并将其添加到场景中： ```cpp #include <QApplication> #include <QGraphicsScene> #include <QGraphicsView> #include <QGraphicsRectItem> int main(int argc, char *argv[]) { QApplication app(argc, argv); // 创建 QGraphicsScene 对象 QGraphicsScene scene; // 创建 QGraphicsRectItem 对象并设置其矩形区域 QGraphicsRectItem *rectItem = new QGraphicsRectItem(); rectItem->setRect(50, 50, 100, 100); // 设置矩形的位置和大小 // 将矩形项添加到场景中 scene.addItem(rectItem); // 创建 QGraphicsView 对象并设置场景 QGraphicsView view(&scene); view.setRenderHint(QPainter::Antialiasing); // 设置反锯齿渲染 view.setWindowTitle("QGraphicsRectItem 示例"); view.resize(300, 300); view.show(); return app.exec(); } ``` ### 使用 `QPainter` 绘制矩形 `QPainter` 是 Qt 提供的底层绘图工具，适用于直接在绘图设备（如 `QWidget`、`QPixmap`、`QImage` 等）上进行绘制操作。通常在自定义控件的 `paintEvent()` 中使用。 以下是一个示例，展示如何在 `QWidget` 的 `paintEvent()` 中使用 `QPainter` 绘制一个矩形： ```cpp #include <QApplication> #include <QWidget> #include <QPainter> class MyWidget : public QWidget { public: MyWidget(QWidget *parent = nullptr) : QWidget(parent) {} protected: void paintEvent(QPaintEvent *event) override { QPainter painter(this); painter.setRenderHint(QPainter::Antialiasing); // 启用反锯齿 painter.setPen(Qt::blue); // 设置画笔颜色 painter.setBrush(Qt::red); // 设置填充颜色 painter.drawRect(50, 50, 100, 100); // 绘制矩形 } }; int main(int argc, char *argv[]) { QApplication app(argc, argv); MyWidget widget; widget.resize(300, 300); widget.show(); return app.exec(); } ``` ### `QGraphicsRectItem` 和 `QPainter` 的区别 - **`QGraphicsRectItem`**：适用于基于 `QGraphicsScene` 和 `QGraphicsView` 的复杂图形场景管理。它提供了内置的交互支持（如拖动、缩放等）和场景管理功能，适合用于构建图形编辑器、图表工具等。 - **`QPainter`**：适用于直接在绘图设备上进行低级绘图操作。它提供了丰富的绘图功能，但需要手动管理绘制逻辑和更新区域，适合用于自定义控件或图像处理。 ### 总结 - 如果需要构建复杂的图形场景并支持交互，推荐使用 `QGraphicsRectItem`。 - 如果需要在自定义控件或图像上进行灵活的绘图操作，推荐使用 `QPainter`。
评论 14
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

梦回阑珊

一毛不嫌多，一分也是爱

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

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

打赏作者

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

抵扣说明：

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

余额充值