拖拽前：@import url(http://m.shnenglu.com/CuteSoft_Client/CuteEditor/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css);
拖拽圖片到窗口的label里，顯示效果如下：
Qt已經(jīng)提供了強(qiáng)大的拖拽功能，實(shí)現(xiàn)如上效果，只需要很簡單的幾步即可。
1. 使用Qt Creator創(chuàng)建一個(gè)窗口，在里面放置一個(gè)QLabel，如下圖：
^_^，里面的QLabel與你的不一樣？
在此加個(gè)小知識(shí)點(diǎn)，給label加上style sheet，像CSS一樣簡單的就可以做出上圖效果，按下圖操作即可：
圖上了這么多，實(shí)現(xiàn)代碼如下，幾步即可完成，是不是很簡單？：
#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]]: 當(dāng)拖放時(shí)鼠標(biāo)進(jìn)入label時(shí), label接受拖放的動(dòng)作
QDragEnterEvent *dee = dynamic_cast<QDragEnterEvent *>(event);
dee->acceptProposedAction();
return true;
} else if (event->type() == QEvent::Drop) {
// [[3]]: 當(dāng)放操作發(fā)生后, 取得拖放的數(shù)據(jù)
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對(duì)I/O優(yōu)化過, QPixmap對(duì)顯示優(yōu)化
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);
}