(转载)Qt:拖拽图片到QLabel上并显示

(转载)http://www.cppblog.com/biao/archive/2011/10/23/158940.html

拖拽前:@import url(http://www.cppblog.com/CuteSoft_Client/CuteEditor/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css);

 
(转载)Qt:拖拽图片到QLabel上并显示_第1张图片
拖拽图片到窗口的label里,显示效果如下:
(转载)Qt:拖拽图片到QLabel上并显示_第2张图片
 
Qt已经提供了强大的拖拽功能,实现如上效果,只需要很简单的几步即可。
1. 使用Qt Creator创建一个窗口,在里面放置一个QLabel,如下图:
(转载)Qt:拖拽图片到QLabel上并显示_第3张图片
 
^_^,里面的QLabel与你的不一样?
在此加个小知识点,给label加上style sheet,像CSS一样简单的就可以做出上图效果,按下图操作即可:
(转载)Qt:拖拽图片到QLabel上并显示_第4张图片
(转载)Qt:拖拽图片到QLabel上并显示_第5张图片
 
图上了这么多,实现代码如下,几步即可完成,是不是很简单?:
 

#include "Widget.h"

#include "ui_Widget.h"

 

#include 

#include 

#include 

#include 

#include 

 

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(event);

            dee->acceptProposedAction();

            return true;

        } else if (event->type() == QEvent::Drop) {

            // [[3]]: 当放操作发生后, 取得拖放的数据

            QDropEvent *de = dynamic_cast(event);

            QList urls = de->mimeData()->urls();

 

            if (urls.isEmpty()) { return true; }

            QString path = urls.first().toLocalFile();

 

            // [[4]]: label显示拖放的图片

            QImage image(path); // QImageI/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);

}

转载于:https://www.cnblogs.com/Robotke1/archive/2013/05/12/3074640.html

你可能感兴趣的:((转载)Qt:拖拽图片到QLabel上并显示)