Qt鼠标拖动绘制基本几何图形

概述

用Qt鼠标事件实现基本几何图形的绘制，支持直线、矩形、圆形、椭圆。后期可以在此基础上进行扩展。

效果图

实现

本示例使用QGraphics体系来实现，因为要移动对象，所以生成的图形必须是一个单独的对象，鼠标拖动绘制的过程是在临时层中完成，release后生成一个矢量的图形item并添加到场景中。

关键代码

主场景中有一个父rootItem，在scene中将鼠标或触控事件传到rooitem后动态绘制临时的图形，release事件后生成一个标准的图形对象：

void GsRootItem::drawPress(int id, const QPointF &p)
{ShapeInfo info;info.firstPos = p;info.type = getCurType();m_Objs.insert(id,info);
}void GsRootItem::drawMove(int id, const QPointF &lastPoint, const QPointF &curPoint)
{if(!m_Objs.contains(id)){return;}ShapeInfo info = m_Objs.value(id);m_pTempLayer->drawShape(info.type,info.firstPos,curPoint);
}void GsRootItem::drawRelease(int id, const QPointF &point)
{if(!m_Objs.contains(id)){return;}ShapeInfo info = m_Objs.value(id);drawRealShape(info.type,info.firstPos,point);m_Objs.remove(id);m_pTempLayer->clear();
}...
void GsRootItem::drawRealShape(GsShapeType type, QPointF p1, QPointF p2)
{//计算图形绘制区域QRectF rect;rect.setX(qMin(p1.x(),p2.x()));rect.setY(qMin(p1.y(),p2.y()));if(type == Shape_Circle){rect.setWidth(qAbs(p1.y() - p2.y()));rect.setHeight(qAbs(p1.y() - p2.y()));}else{rect.setWidth(qAbs(p1.x() - p2.x()));rect.setHeight(qAbs(p1.y() - p2.y()));}rect.adjust(-5,-5,5,5);GsShapeBaseItem * item = m_pShapeFactory->getShapeItem(type,rect,this);item->drawShape(p1,p2);
}

drawRealShape函数就是用与创建一个独立的几何图形，通过以下的工厂模式来生成

 GsShapeBaseItem * item = m_pShapeFactory->getShapeItem(type,rect,this);

工厂代码：

GsShapeBaseItem *GsShapeFactory::getShapeItem(GsShapeType type,QRectF rectF,QGraphicsObject *parent)
{GsShapeBaseItem * item = nullptr;switch (type) {case Shape_Line:item = new GsShapeLineItem(rectF,parent);break;case Shape_Rectange:item = new GsShapeRectangeItem(rectF,parent);break;case Shape_Circle:item = new GsShapeCircleItem(rectF,parent);break;case Shape_Oval:item = new GsShapeOvalItem(rectF,parent);break;default:break;}item->setZValue(10);return item;
}

在工厂类中会创建不同的图形对象。每一个图形对象是继承于QGraphicsObject然后重写paint函数去进行绘制，比如说原型：

void GsShapeCircleItem::paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget)
{painter->setRenderHint(QPainter::Antialiasing);QColor color = Qt::red;//(rand()%255,rand()%255,rand()%255);painter->setBrush(color);if(m_bTap){painter->setPen(QPen(Qt::yellow,5,Qt::SolidLine,Qt::RoundCap,Qt::RoundJoin));}else{painter->setPen(QPen(color,3,Qt::SolidLine,Qt::RoundCap,Qt::RoundJoin));}painter->drawEllipse(m_firstPoint.x(),m_firstPoint.y(),qAbs(m_lastPoint.y() - m_firstPoint.y()),qAbs(m_lastPoint.y() - m_firstPoint.y()));
}

其他图形类似。

实现图形的选择和拖动，需要在item中添加以下两句：

setFlag(ItemIsSelectable,true);
setFlag(ItemIsMovable,true);

然后就可以自由拖动啦。

代码太多，就不全部列出来了，基本逻辑都很简单。
代码下载地址

github下载

Qt鼠标拖动绘制基本几何图形相关推荐

JavaScript鼠标拖动绘制方框实现选区
学习编程,与君共勉. 针对JavaScript拖动鼠标绘制方框实现选区的方法,在网上查了很多,但感觉不是写的很繁琐就是感觉很乱,没有一个详细的步骤,这对于我们这些菜鸟来说真的很难理解,所以我写了一份比 ...
Qt——鼠标拖动调整窗口大小
要求:鼠标移到界面边角时,鼠标样式相应地发生改变. 实现方法一: 重写mouseMoveEvent,如果鼠标没有按下,则根据鼠标在界面上的位置设置鼠标样式,如果鼠标按下,则根据位置判断该怎样调整界面大 ...
python matplotlib.pyplot 如何实时绘制三维动态窗口？（可鼠标拖动角度）
实时绘制三维图并更新窗口 # -*- coding: utf-8 -*- """ @File : test.py @Time : 2020/5/26 18:09 @Aut ...
Qt 自定义标题栏，最小化、最大化、关闭窗口，双击最大化，鼠标拖动等效果实现
文章目录前言效果代码 .pro文件 widget.h widget.cpp widget.ui title.h title.cpp title.ui 前言本次实验内容为Qt自定义标题栏,最小化 ...
【QT 5 设置自定义标题栏+学习：《QT实现鼠标拖动调整窗口大小》+基础样例】
[QT 5 设置自定义标题栏+学习:<QT实现鼠标拖动调整窗口大小>+基础样例] 1.说明 2.实验环境 3.实验目的 4.参考文章 5.实验步骤 (1)下载代码,运行没有错误. (2)加 ...
【Java AWT 图形界面编程】使用鼠标滚轮缩放 Canvas 画布中绘制的背景图像 ( 绘制超大图像 + 鼠标拖动 + 鼠标滚轮缩放 + 以当前鼠标指针位置为缩放中心示例 )
文章目录一.鼠标滚轮缩放的中心点设置为当前鼠标中心点 - 要点分析 1.保存当前鼠标指针指向的位置 2.根据鼠标指针指向的位置以及比例重新计算图片位置二.绘制超大图像 + 鼠标拖动 + 鼠标滚轮缩 ...
QGraphicsItem图元拖动绘制（二）
系列文章目录 QGraphicsItem图元的简单使用(一) 文章目录系列文章目录前言一.简单演示二.实现代码总结前言接上一章,上一章讲解了如何简单使用图元,通过鼠标点击绘制一个固定图元 ...
从零开始在windows下使用QT根据点绘制图像
从零开始在windows下使用QT根据点绘制图像(QPainter or halcon) 前言 QT+msvc+SDK+halcon环境搭建 1 添加 .lib库文件路径 2 添加 .h 头文件 3 ...
PyQt5教程(十二)——实现QQ登录界面（六、实现鼠标拖动界面，鼠标事件）
PyQt5教程(十二)--实现QQ登录界面(五.实现鼠标拖动界面,鼠标事件) 一.实现界面可以随着鼠标进行拖动 1.主要就是对鼠标事件的实现: def mousePressEvent(self, ev ...

Qt鼠标拖动绘制基本几何图形

概述

效果图

实现

关键代码

Qt鼠标拖动绘制基本几何图形相关推荐

最新文章

热门文章