拖拽前:
拖拽图片到窗口的label里,显示效果如下:
Qt已经提供了强大的拖拽功能,实现如上效果,只需要很简单的几步即可。
1. 使用QtCreator创建一个窗口,在里面放置一个QLabel,如下图:
^_^,里面的QLabel与你的不一样?
在此加个小知识点,给label加上stylesheet,像CSS一样简单的就可以做出上图效果,按下图操作即可:
图上了这么多,实现代码如下,几步即可完成,是不是很简单?:
#include"Widget.h"
#include"ui_Widget.h"
#include<QUrl>
#include<QList>
#include<QtGui/QPixmap>
#include<QtGui/QDragEnterEvent>
#include<QtGui/QDropEvent>
Widget::Widget(QWidget*parent) : QWidget(parent), ui(newUi::Widget) {
ui->setupUi(this);
ui->label->installEventFilter(this);
ui->label->setAcceptDrops(true);//[[1]]: 使label可接受拖放操作
}
Widget::~Widget(){
deleteui;
}
boolWidget::eventFilter(QObject *watched, QEvent *event) {
if(watched == ui->label) {
if(event->type() == QEvent::DragEnter) {
//[[2]]: 当拖放时鼠标进入label时,label接受拖放的动作
QDragEnterEvent*dee = dynamic_cast<QDragEnterEvent*>(event);
dee->acceptProposedAction();
returntrue;
}elseif(event->type() == QEvent::Drop) {
//[[3]]: 当放操作发生后,取得拖放的数据
QDropEvent*de = dynamic_cast<QDropEvent*>(event);
QList<QUrl>urls = de->mimeData()->urls();
if(urls.isEmpty()) { returntrue;}
QStringpath = urls.first().toLocalFile();
//[[4]]: 在label上显示拖放的图片
QImageimage(path); //QImage对I/O优化过,QPixmap对显示优化
if(!image.isNull()) {
image= image.scaled(ui->label->size(),
Qt::KeepAspectRatio,
Qt::SmoothTransformation);
ui->label->setPixmap(QPixmap::fromImage(image));
}
returntrue;
}
}
returnQWidget::eventFilter(watched, event);
}