Qt：拖拽图片到QLabel上并显示

Qt：拖拽图片到QLabel上并显示

拖拽前：@import url(http://www.cppblog.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);

}