Qt Graphics View 绘图架构

tsx81429  论坛元老 | 2024-11-27 21:51:58 | 显示全部楼层 | 阅读模式
打印 上一主题 下一主题
楼主

主题 1033|帖子 1033|积分 3099

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要 登录 才可以下载或查看，没有账号？立即注册

x
Qt Graphics View 绘图架构















"QWGraphicsView.h" 头文件代码如下：
  1. #pragma once
  3. #include <QGraphicsView>
  5. class QWGraphicsView : public QGraphicsView
  6. {
  7.         Q_OBJECT
  9. public:
  10.         QWGraphicsView(QWidget *parent);
  11.         ~QWGraphicsView();
  13. protected:
  14.         void mouseMoveEvent(QMouseEvent *event);
  15.         void mousePressEvent(QMouseEvent *event);
  17. signals:
  18.         void mouseMovePoint(QPoint point);
  19.         void mouseClicked(QPoint point);
  20. };
复制代码
mouseMoveEvent()是鼠标移动事件，代码如下：
  1. //鼠标移动事件
  2. void QWGraphicsView::mouseMoveEvent(QMouseEvent *event)
  3. {
  4.         QPoint point = event->pos();//QGraphicsView的坐标
  5.         emit mouseMovePoint(point); //释放信号
  6.         QGraphicsView::mouseMoveEvent(event);
  7. }
复制代码
       在此事件响应代码里，通过事件的pos()函数获取鼠标光标在视图中的坐标point，然后作为参数发射 mouseMovePoint(point)信号。如许，若在其他地方编写槽函数与此信号关联，就可以对鼠标移动事件作出响应。
mousePressEvent()是鼠标按键按下事件，代码如下：
  1. //鼠标左键按下事件
  2. void QWGraphicsView::mousePressEvent(QMouseEvent *event)
  3. {
  4.         if (event->button() == Qt::LeftButton)
  5.         {
  6.                 QPoint point = event->pos();//QGraphicsView的坐标
  7.                 emit mouseClicked(point);//释放信号
  8.         }
  9.         QGraphicsView::mousePressEvent(event);
  10. }
复制代码
       在此事件响应代码里，首先判断是否是鼠标左键按下，然后通过事件的pos()函数获取鼠标光标在视图中的坐标point，然后作为参数发射mouseClicked(point)信号。

"sample8_4QGraphicsView.h"  头文件代码如下：
  1. #pragma once
  3. #include <QtWidgets/QMainWindow>
  4. #include "ui_sample8_4QGraphicsView.h"
  6. #include    <QGraphicsScene>
  7. #include    <QLabel>
  10. class sample8_4QGraphicsView : public QMainWindow
  11. {
  12.         Q_OBJECT
  14. public:
  15.         sample8_4QGraphicsView(QWidget *parent = Q_NULLPTR);
  17. private:
  18.         Ui::sample8_4QGraphicsViewClass ui;
  20. protected:
  21.         void resizeEvent(QResizeEvent *event);
  23. private:
  24.         QGraphicsScene  *scene;
  26.         QLabel  *labViewCord;
  27.         QLabel  *labSceneCord;
  28.         QLabel  *labItemCord;
  30.         void iniGraphicsSystem(); //创建Graphics View的各项
  32. private slots:
  33.         void on_mouseMovePoint(QPoint point);
  35.         void on_mouseClicked(QPoint point);
  37. };
复制代码


  1. #include "sample8_4QGraphicsView.h"
  3. #include  "ui_sample8_4QGraphicsView.h"
  4. #include   <QGraphicsEllipseItem>
  7. //解决QT中中文显示乱码问题
  8. #pragma execution_character_set("utf-8")
  11. sample8_4QGraphicsView::sample8_4QGraphicsView(QWidget *parent)
  12.         : QMainWindow(parent)
  13. {
  14.         ui.setupUi(this);
  16.         labViewCord = new QLabel("View 坐标：");
  17.         labViewCord->setMinimumWidth(150);
  18.         ui.statusBar->addWidget(labViewCord);
  20.         labSceneCord = new QLabel("Scene 坐标：");
  21.         labSceneCord->setMinimumWidth(150);
  22.         ui.statusBar->addWidget(labSceneCord);
  24.         labItemCord = new QLabel("Item 坐标：");
  25.         labItemCord->setMinimumWidth(150);
  26.         ui.statusBar->addWidget(labItemCord);
  28.         ui.View->setCursor(Qt::CrossCursor);
  29.         ui.View->setMouseTracking(true);
  30.         ui.View->setDragMode(QGraphicsView::RubberBandDrag);
  32.         QObject::connect(ui.View, SIGNAL(mouseMovePoint(QPoint)),
  33.                 this, SLOT(on_mouseMovePoint(QPoint)));
  35.         QObject::connect(ui.View, SIGNAL(mouseClicked(QPoint)),
  36.                 this, SLOT(on_mouseClicked(QPoint)));
  38.         iniGraphicsSystem();
  39. }
复制代码
鼠标移动事件响应：
  1. //鼠标移动事件，point是 GraphicsView的坐标,物理坐标
  2. void sample8_4QGraphicsView::on_mouseMovePoint(QPoint point)
  3. {
  4.         labViewCord->setText(QString::asprintf("View 坐标：%d,%d", point.x(), point.y()));
  5.         QPointF pointScene = ui.View->mapToScene(point); //转换到Scene坐标
  6.         labSceneCord->setText(QString::asprintf("Scene 坐标：%.0f,%.0f", pointScene.x(), pointScene.y()));
  7. }
复制代码
鼠标单击事件响应：
  1. //鼠标单击事件
  2. void sample8_4QGraphicsView::on_mouseClicked(QPoint point)
  3. {
  4.         QPointF pointScene = ui.View->mapToScene(point); //转换到Scene坐标
  5.         QGraphicsItem  *item = NULL;
  6.         item = scene->itemAt(pointScene, ui.View->transform()); //获取光标下的绘图项
  7.         if (item != NULL) //有绘图项
  8.         {
  9.                 QPointF pointItem = item->mapFromScene(pointScene); //转换为绘图项的局部坐标
  10.                 labItemCord->setText(QString::asprintf("Item 坐标：%.0f,%.0f", pointItem.x(), pointItem.y()));
  11.         }
  12. }
复制代码
窗口变革大小时的事件：
  1. //窗口变化大小时的事件
  2. void sample8_4QGraphicsView::resizeEvent(QResizeEvent *event)
  3. {
  4.         Q_UNUSED(event);
  5.         //Graphics View坐标，左上角总是（0,0），宽度=，长度=
  6.         ui.labViewSize->setText(QString::asprintf("Graphics View坐标，左上角总是（0,0），宽度=%d，高度=%d",
  7.                 ui.View->width(), ui.View->height()));
  9.         QRectF  rectF = ui.View->sceneRect(); //Scene的矩形区
  10.         ui.LabSceneRect->setText(QString::asprintf("QGraphicsView::sceneRect=(Left,Top,Width,Height)=%.0f,%.0f,%.0f,%.0f",
  11.                 rectF.left(), rectF.top(), rectF.width(), rectF.height()));
  12. }
复制代码
构造Graphics View的各项：
  1. //构造Graphics View的各项
  2. void sample8_4QGraphicsView::iniGraphicsSystem()
  3. {
  4.         QRectF   rect(-200, -100, 400, 200);//左上角坐标，宽度，高度
  5.         scene = new QGraphicsScene(rect); //scene逻辑坐标系定义
  6.         ui.View->setScene(scene);
  9.         //画一个矩形框，大小等于scene
  10.         QGraphicsRectItem *item = new QGraphicsRectItem(rect); //矩形框正好等于scene的大小
  11.         item->setFlags(QGraphicsItem::ItemIsSelectable     //可选，可以有焦点，但是不能移动
  12.                 | QGraphicsItem::ItemIsFocusable);
  13.         QPen    pen;
  14.         pen.setWidth(2);
  15.         item->setPen(pen);
  16.         //item->setPos(500,0);//缺省位置在scene的（0,0）
  17.         scene->addItem(item);
  19.         //一个位于scene中心的椭圆，测试局部坐标
  20.         QGraphicsEllipseItem *item2 = new QGraphicsEllipseItem(-100, -50, 200, 100); //矩形框内创建椭圆,绘图项的局部坐标，左上角(-100,-50)，宽200，高100
  21.         item2->setPos(0, 0);//设置椭圆中心位置
  22.         item2->setBrush(QBrush(Qt::blue));
  23.         item2->setFlags(QGraphicsItem::ItemIsMovable //可移动
  24.                 | QGraphicsItem::ItemIsSelectable  //可选择
  25.                 | QGraphicsItem::ItemIsFocusable); //可获得焦点
  26.         scene->addItem(item2);
  28.         //一个圆，中心位于scene的边缘
  29.         QGraphicsEllipseItem *item3 = new QGraphicsEllipseItem(-50, -50, 100, 100); //矩形框内创建椭圆,绘图项的局部坐标，左上角(-100,-50)，宽200，高100
  30.         item3->setPos(rect.right(), rect.bottom());//设置圆中心位置
  31.         item3->setBrush(QBrush(Qt::red));
  32.         item3->setFlags(QGraphicsItem::ItemIsMovable | QGraphicsItem::ItemIsSelectable | QGraphicsItem::ItemIsFocusable);
  33.         scene->addItem(item3);
  35.         scene->clearSelection();
  36.         //item->setSelected(true);
  38.         //ui.View->setDragMode(QGraphicsView::RubberBandDrag);
  39. }
复制代码

运行效果如下：

"QWGraphicsView.cpp" 文件代码如下：
  1. #include "QWGraphicsView.h"#include    <QMouseEvent>#include    <QPoint>QWGraphicsView::QWGraphicsView(QWidget *parent)        : QGraphicsView(parent){}QWGraphicsView::~QWGraphicsView(){}//鼠标移动事件
  2. void QWGraphicsView::mouseMoveEvent(QMouseEvent *event)
  3. {
  4.         QPoint point = event->pos();//QGraphicsView的坐标
  5.         emit mouseMovePoint(point); //释放信号
  6.         QGraphicsView::mouseMoveEvent(event);
  7. }
  8. //鼠标左键按下事件
  9. void QWGraphicsView::mousePressEvent(QMouseEvent *event)
  10. {
  11.         if (event->button() == Qt::LeftButton)
  12.         {
  13.                 QPoint point = event->pos();//QGraphicsView的坐标
  14.                 emit mouseClicked(point);//释放信号
  15.         }
  16.         QGraphicsView::mousePressEvent(event);
  17. }
复制代码
"sample8_4QGraphicsView.cpp"  文件代码如下：
  1. #include "sample8_4QGraphicsView.h"
  3. #include  "ui_sample8_4QGraphicsView.h"
  4. #include   <QGraphicsEllipseItem>
  7. //解决QT中中文显示乱码问题
  8. #pragma execution_character_set("utf-8")
  11. sample8_4QGraphicsView::sample8_4QGraphicsView(QWidget *parent)
  12.         : QMainWindow(parent)
  13. {
  14.         ui.setupUi(this);
  16.         labViewCord = new QLabel("View 坐标：");
  17.         labViewCord->setMinimumWidth(150);
  18.         ui.statusBar->addWidget(labViewCord);
  20.         labSceneCord = new QLabel("Scene 坐标：");
  21.         labSceneCord->setMinimumWidth(150);
  22.         ui.statusBar->addWidget(labSceneCord);
  24.         labItemCord = new QLabel("Item 坐标：");
  25.         labItemCord->setMinimumWidth(150);
  26.         ui.statusBar->addWidget(labItemCord);
  28.         ui.View->setCursor(Qt::CrossCursor);
  29.         ui.View->setMouseTracking(true);
  30.         ui.View->setDragMode(QGraphicsView::RubberBandDrag);
  32.         QObject::connect(ui.View, SIGNAL(mouseMovePoint(QPoint)),
  33.                 this, SLOT(on_mouseMovePoint(QPoint)));
  35.         QObject::connect(ui.View, SIGNAL(mouseClicked(QPoint)),
  36.                 this, SLOT(on_mouseClicked(QPoint)));
  38.         iniGraphicsSystem();
  39. }//鼠标移动事件，point是 GraphicsView的坐标,物理坐标
  40. void sample8_4QGraphicsView::on_mouseMovePoint(QPoint point)
  41. {
  42.         labViewCord->setText(QString::asprintf("View 坐标：%d,%d", point.x(), point.y()));
  43.         QPointF pointScene = ui.View->mapToScene(point); //转换到Scene坐标
  44.         labSceneCord->setText(QString::asprintf("Scene 坐标：%.0f,%.0f", pointScene.x(), pointScene.y()));
  45. }//鼠标单击事件
  46. void sample8_4QGraphicsView::on_mouseClicked(QPoint point)
  47. {
  48.         QPointF pointScene = ui.View->mapToScene(point); //转换到Scene坐标
  49.         QGraphicsItem  *item = NULL;
  50.         item = scene->itemAt(pointScene, ui.View->transform()); //获取光标下的绘图项
  51.         if (item != NULL) //有绘图项
  52.         {
  53.                 QPointF pointItem = item->mapFromScene(pointScene); //转换为绘图项的局部坐标
  54.                 labItemCord->setText(QString::asprintf("Item 坐标：%.0f,%.0f", pointItem.x(), pointItem.y()));
  55.         }
  56. }//构造Graphics View的各项
  57. void sample8_4QGraphicsView::iniGraphicsSystem()
  58. {
  59.         QRectF   rect(-200, -100, 400, 200);//左上角坐标，宽度，高度
  60.         scene = new QGraphicsScene(rect); //scene逻辑坐标系定义
  61.         ui.View->setScene(scene);
  64.         //画一个矩形框，大小等于scene
  65.         QGraphicsRectItem *item = new QGraphicsRectItem(rect); //矩形框正好等于scene的大小
  66.         item->setFlags(QGraphicsItem::ItemIsSelectable     //可选，可以有焦点，但是不能移动
  67.                 | QGraphicsItem::ItemIsFocusable);
  68.         QPen    pen;
  69.         pen.setWidth(2);
  70.         item->setPen(pen);
  71.         //item->setPos(500,0);//缺省位置在scene的（0,0）
  72.         scene->addItem(item);
  74.         //一个位于scene中心的椭圆，测试局部坐标
  75.         QGraphicsEllipseItem *item2 = new QGraphicsEllipseItem(-100, -50, 200, 100); //矩形框内创建椭圆,绘图项的局部坐标，左上角(-100,-50)，宽200，高100
  76.         item2->setPos(0, 0);//设置椭圆中心位置
  77.         item2->setBrush(QBrush(Qt::blue));
  78.         item2->setFlags(QGraphicsItem::ItemIsMovable //可移动
  79.                 | QGraphicsItem::ItemIsSelectable  //可选择
  80.                 | QGraphicsItem::ItemIsFocusable); //可获得焦点
  81.         scene->addItem(item2);
  83.         //一个圆，中心位于scene的边缘
  84.         QGraphicsEllipseItem *item3 = new QGraphicsEllipseItem(-50, -50, 100, 100); //矩形框内创建椭圆,绘图项的局部坐标，左上角(-100,-50)，宽200，高100
  85.         item3->setPos(rect.right(), rect.bottom());//设置圆中心位置
  86.         item3->setBrush(QBrush(Qt::red));
  87.         item3->setFlags(QGraphicsItem::ItemIsMovable | QGraphicsItem::ItemIsSelectable | QGraphicsItem::ItemIsFocusable);
  88.         scene->addItem(item3);
  90.         scene->clearSelection();
  91.         //item->setSelected(true);
  93.         //ui.View->setDragMode(QGraphicsView::RubberBandDrag);
  94. }//窗口变化大小时的事件
  95. void sample8_4QGraphicsView::resizeEvent(QResizeEvent *event)
  96. {
  97.         Q_UNUSED(event);
  98.         //Graphics View坐标，左上角总是（0,0），宽度=，长度=
  99.         ui.labViewSize->setText(QString::asprintf("Graphics View坐标，左上角总是（0,0），宽度=%d，高度=%d",
  100.                 ui.View->width(), ui.View->height()));
  102.         QRectF  rectF = ui.View->sceneRect(); //Scene的矩形区
  103.         ui.LabSceneRect->setText(QString::asprintf("QGraphicsView::sceneRect=(Left,Top,Width,Height)=%.0f,%.0f,%.0f,%.0f",
  104.                 rectF.left(), rectF.top(), rectF.width(), rectF.height()));
  105. }
复制代码
"main.cpp"  文件代码如下：
  1. #include "sample8_4QGraphicsView.h"
  2. #include <QtWidgets/QApplication>
  4. int main(int argc, char *argv[])
  5. {
  6.         QApplication a(argc, argv);
  7.         sample8_4QGraphicsView w;
  8.         w.show();
  9.         return a.exec();
  10. }
复制代码

《Qt5/6 C++开发指南》

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
回复

使用道具 举报

0 个回复

倒序浏览
返回列表

快速回复

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

tsx81429

论坛元老
这个人很懒什么都没写!

楼主热帖

标签云

AI 运维 CIO 存储 服务器
微信订阅号
微信服务号
微信客服
小程序
H5
关于我们 商务合作 网站地图
©Copyright 2022-2024 杭州祥升科技有限公司 版权所有 浙ICP备20004199号
快速回复 返回顶部 返回列表