QT 拖拽事件

Posted on | In

简介

拖拽事件是我们在设计软件时常用的事件，比如我们把要上传的文件拖拽到指定区域实现自动上传，或者拖动到指定文件夹等。
这里主要介绍如何实现拖动事件，包括事件的进入dragEnterEvent, 事件的放弃dropEvent等。我们要实现一个拖动demo，
将文件拖动到主窗口区域，然后在主窗口的textEdit控件中显示文件的内容。

主窗口构造

创建项目名字为dragevent,然后选择创建QApplication项目，我们的类名叫做MainWindow,基类选择QMainWindow。
我们需要在主窗口的ui文件中添加QTextEdit控件，点击Forms下的mainwindow.ui,将QTextEdit拖动到主窗口界面上。

https://cdn.llfc.club/1669607703389.jpg
然后我们需要在主窗口构造函数中添加如下代码

1
2
setAcceptDrops(true);
ui->textEdit->setAcceptDrops(false);

设置主窗口可以接收拖动的放下事件。禁用textEdit的放下事件。

重写拖拽进入事件

我们需要在MainWindow类里重写dragEnterEvent事件函数,该函数主要是重写拖动进入某个控件后要执行的逻辑，所以我们在MainWindow类里重写

1
2
3
4
5
6
7
8
9
10
11
void MainWindow::dragEnterEvent(QDragEnterEvent *event)
{
    //判断是否包含url
    if(event->mimeData()->hasUrls()){
        //接收动作
        event->acceptProposedAction();
    }else{
        //放弃事件
        event->ignore();
    }
}

当我们执行拖动操作的时候，Qt会将拖动的内容转变为url写入event的mimeData中。所以这里通过mimeData的hasUrls函数判断是否又url。
如果有则调用acceptProposedAction接收这个动作。否则就忽略这个动作，忽略表示不处理拖拽事件了。

重写松开按钮事件

当鼠标松开时，需要将拖拽的文件内容写入textEdit来显示。
重写dropEvent实现在MainWindow界面上松开鼠标时内容的读取逻辑。
先从event的mimeData中获取QMimeData类型的数据，然后判断是否有url。
如果有则取出所有urls，因为默认这里实现的逻辑是拖动单个文件，
如果是多个文件可以通过遍历urlList的方式一个一个处理拖动的内容，这里只处理一个。
为防止乱码，采用了utf-8的方式进行解码。通过文本流QTextStream将文件内容显示到textEdit中。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
void MainWindow::dropEvent(QDropEvent * event)
{

    const QMimeData * mimeData = event->mimeData();
    //判断是否包含url
    if(mimeData->hasUrls()){
        QList<QUrl> urlList = mimeData->urls();
        //将第一个匹配为本地文件路径
        QString filename = urlList[0].toLocalFile();
        if(!filename.isEmpty()){
            QTextCodec *codec=QTextCodec::codecForName("UTF-8");
            QFile file(filename);
            //打开文件失败
            if(!file.open(QIODevice::ReadOnly)){
                return;
            }
            QTextCodec::setCodecForLocale(codec);
            //打开成功
            QTextStream in(&file);
            //qDebug()<< "in readall is " << in.readAll() << endl;
            ui->textEdit->setText(in.readAll());
        }

    }else{
        event->ignore();
    }
}

通过测试拖动一个文件到MainWindow中，textEdit显示了该文件的内容如下：
https://cdn.llfc.club/1669615801428.jpg

源码资源

源码链接
https://gitee.com/secondtonone1/qt-learning-notes.git