拖拽前：@import url(http://m.shnenglu.com/CuteSoft_Client/CuteEditor/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css);
拖拽圖片到窗口的label里，顯示效果如下：
Qt已經提供了強大的拖拽功能，實現如上效果，只需要很簡單的幾步即可。
1. 使用Qt Creator創建一個窗口，在里面放置一個QLabel，如下圖：
^_^，里面的QLabel與你的不一樣？
在此加個小知識點，給label加上style sheet，像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(new Ui::Widget) {
ui->setupUi(this);
ui->label->installEventFilter(this);
ui->label->setAcceptDrops(true); // [[1]]: 使label可接受拖放操作
}
Widget::~Widget() {
delete ui;
}
bool Widget::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();
return true;
} else if (event->type() == QEvent::Drop) {
// [[3]]: 當放操作發生后, 取得拖放的數據
QDropEvent *de = dynamic_cast<QDropEvent *>(event);
QList<QUrl> urls = de->mimeData()->urls();
if (urls.isEmpty()) { return true; }
QString path = urls.first().toLocalFile();
// [[4]]: 在label上顯示拖放的圖片
QImage image(path); // QImage對I/O優化過, QPixmap對顯示優化
if (!image.isNull()) {
image = image.scaled(ui->label->size(),
Qt::KeepAspectRatio,
Qt::SmoothTransformation);
ui->label->setPixmap(QPixmap::fromImage(image));
}
return true;
}
}
return QWidget::eventFilter(watched, event);
}