QT完成图片拖拽显示【本文转载自网络】

来源:互联网 发布:地图数据质量 编辑:程序博客网 时间:2024/06/05 23:30

拖拽前:


拖拽图片到窗口的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);//QImageI/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);

}




原创粉丝点击