Qt 中实现在控件中点击鼠标，就在鼠标点击处加载图片的方法

首先应该知道，QLabel类是没有点击事件的。我们需要点击鼠标，那么必须重写一个QLabel类去继承原来的QLabel。比如说我定义PutPicLabel来继承QLabel。

在头文件中应该这么写：

#ifndef PUTPICLABEL_H
#define PUTPICLABEL_H

#include <QLabel>
#include <QWidget>
#include <QPoint>
#include <QPixmap>
#include <QPaintEvent>
#include <vector>

using namespace std;

typedef struct PicPointInfo{//存图片的信息
QPoint picPoint;//图片的起始位置
int picState;//需要加载哪种图片
}PicInfo;

class PutPicLabel:public QLabel{
Q_OBJECT
public:
~PutPicLabel();
PutPicLabel(QWidget* parent);
public:
void mousePressEvent(QMouseEvent* event);
virtual void paintEvent(QPaintEvent* event) override;
QPixmap soldierImage;
QPixmap tankImage;
vector<PicInfo*> Pics;
};

#endif // PUTPICLABEL_H

一共重写了两个函数，一个是mousePressEvent,也就是鼠标点击事件；另一个就是paintEvent，画图函数，用这个函数来进行加载图片。具体如下：

#include "putpiclabel.h"
#include "mainwindow.h"

#include <QMessageBox>
#include <QString>
#include <QMouseEvent>
#include <QDebug>
#include <QRect>
#include <QImage>
#include <QPainter>

PutPicLabel::~PutPicLabel(){

}

PutPicLabel::PutPicLabel(QWidget* parent):QLabel(parent){
this->setMouseTracking(true);
mouseState=0;//置初值为0，表明现在没有图片被点击
soldierImage.load(":/image1/soldier.jpg");
tankImage.load(":/image1/tank.jpg");
}

void PutPicLabel::mousePressEvent(QMouseEvent *event){

if(event->button()==Qt::LeftButton){//如果鼠标左键被点击
PicInfo *pic=new PicInfo;
switch (mouseState) {
case 1://士兵被点击
pic->picPoint=event->pos();
pic->picState=1;
this->Pics.push_back(pic);
update();
break;
case 2://坦克被点击
pic->picPoint=event->pos();
pic->picState=2;
this->Pics.push_back(pic);
update();
break;
default:
break;
}
}
}
void PutPicLabel::paintEvent(QPaintEvent *event){
QPainter painter(this);
for(int i=0;i<Pics.size();i++){
PicInfo *pPic=Pics[i];
switch (pPic->picState) {
case 1://是个士兵的图片
painter.drawPixmap(pPic->picPoint.x(),pPic->picPoint.y(),60,60,soldierImage);
break;
case 2://是个坦克的图片
painter.drawPixmap(pPic->picPoint.x(),pPic->picPoint.y(),60,60,tankImage);
break;
default:
break;
}
}
}


主要思想是这样的。首先有一个vector容器，这样子可以把大量的图片都存进来统一进行显示。其次对于mousePressEvent,每次点击左键，把这个鼠标点击的位置，以及这个图片是士兵还是坦克这两个信息放在结构体里面，压进容器vector,这样画图的时候，既能显示多张不同图片，也能显示出位置来。对于paintEvent，同样从这个容器的顶开始画，每张图片都画出来，需要判断是什么图片，以及在哪里画。

这里update函数需要知道，每次调用update函数，实际上都是调用paintEvent函数。

以及还需要知道怎么把图片添加进资源中，实现load函数的效果。

最终的效果如下，最右边竖着的是两张图，每次点击这两张图的一张，在整个界面上面随意点击，都能加载出来你刚才点击的那一张。