Qt Graphics View 绘图实例

Qt Graphics View 绘图实例

这个实例程序实现如下功能：

• 可以创建矩形、椭圆、三角形、梯形、直线、文字等基本图形。
• 每个图形项都可以被选择和移动。
• 图形项或整个视图可以缩放和旋转。
• 图形项重叠时，可以调整前置或后置。
• 多个图形项可以组合，也可以解散组合。
• 可以删除选择的图形项。
• 鼠标在视图上移动时，会在状态栏显示视图坐标和场景坐标。
• 鼠标单击某个图形是，会显示图形项的局部坐标，也会显示图形项的文字描述和编号。
• 双击某个图形项时，会显示图形项的类型调用颜色对话框，设置图形项的填充颜色、线条颜色或文字的字体。
• 选中某个图形项时，可以进行按键操作，Delete 键删除图形项，PageUp 放大， PageDn 缩小，空格键旋转90°，上下左右光标键移动图形项。

"QWGraphicsView.h"  头文件代码如下：

#pragma once

#include <QGraphicsView>

#include <QObject>


class QWGraphicsView : public QGraphicsView
{
	Q_OBJECT

public:
	QWGraphicsView(QWidget *parent);
	~QWGraphicsView();


protected:
	void mouseMoveEvent(QMouseEvent *event);
	void mousePressEvent(QMouseEvent *event);
	void mouseDoubleClickEvent(QMouseEvent *event);
	void keyPressEvent(QKeyEvent *event);

signals:
	void mouseMovePoint(QPoint point);//鼠标移动
	void mouseClicked(QPoint point);//鼠标单击
	void mouseDoubleClick(QPoint point);//双击事件
	void keyPress(QKeyEvent *event);//按键事件

};

       QWGraphicsView 类的 4个事件的实现代码，在每个事件里发射相应的信号。在QWGraphicsView  类里，将鼠标和键盘事件转换为信号，就可以利用信号与槽机制，在主程序里设计槽函数相对应的鼠标和键盘操作进行响应。

鼠标移动事件、鼠标左键按下事件、鼠标双击事件、按键事件

"QWGraphicsView.cpp"  文件代码如下：

#include "QWGraphicsView.h"

#include <QMouseEvent>
#include <QPoint>


//解决QT中中文显示乱码问题
#pragma execution_character_set("utf-8")

QWGraphicsView::QWGraphicsView(QWidget *parent)
	: QGraphicsView(parent)
{
}

QWGraphicsView::~QWGraphicsView()
{
}

//鼠标移动事件
void QWGraphicsView::mouseMoveEvent(QMouseEvent *event)
{
	//QPoint  point;
	QPoint point = event->pos();//QGraphicsView的坐标
	emit mouseMovePoint(point); //释放信号
	QGraphicsView::mouseMoveEvent(event);
}

//鼠标左键按下事件
void QWGraphicsView::mousePressEvent(QMouseEvent *event)
{
	if (event->button() == Qt::LeftButton)
	{
		//QPoint  point;
		QPoint point = event->pos();//QGraphicsView的坐标
		emit mouseClicked(point);//释放信号
	}
	QGraphicsView::mousePressEvent(event);
}

//鼠标双击事件
void QWGraphicsView::mouseDoubleClickEvent(QMouseEvent *event)
{
	if (event->button() == Qt::LeftButton)
	{
		//QPoint  point;
		QPoint point = event->pos(); //QGraphicsView的坐标
		emit mouseDoubleClick(point);//释放信号
	}
	QGraphicsView::mouseDoubleClickEvent(event);
}

//按键事件
void QWGraphicsView::keyPressEvent(QKeyEvent *event)
{
	emit keyPress(event);
	QGraphicsView::keyPressEvent(event);
}

"sample8_5QGraphicsDraw.h"  头文件代码如下：

#pragma once

#include <QtWidgets/QMainWindow>
#include "ui_sample8_5QGraphicsDraw.h"

#include <QLabel>
#include <QGraphicsScene>


class sample8_5QGraphicsDraw : public QMainWindow
{
	Q_OBJECT

public:
	sample8_5QGraphicsDraw(QWidget *parent = Q_NULLPTR);

private:
	Ui::sample8_5QGraphicsDrawClass ui;

private:
	static const int ItemId = 1;//绘图项自定义数据的key
	static const int ItemDesciption = 2;//绘图项自定义数据的key

	int seqNum = 0;
	int backZ = 0;
	int frontZ = 0;

	QGraphicsScene  *scene;

	QLabel  *labViewCord;
	QLabel  *labSceneCord;
	QLabel  *labItemCord;
	QLabel  *labItemInfo;

private slots:
	void on_mouseMovePoint(QPoi