Qt 拖拽 动态 垃圾箱

前些天看了Qt的拖拽，觉得Qt的拖拽还是蛮灵活；但widgets在移动端类似的app应用场景下，确实显得有一些笨拙；但同时它功能强大，灵活性非常高。

我在这里实现的是一个类似于android手机卸载软件时的动态垃圾箱。先看下效果是这样的。

支持自动缩放，自适应啰。

被拖动的目标显然用QListWidget来存放最方便，这也是拖拽的一个典型应用。垃圾箱的动画使用了QPropertyAnimation，其它的就是拖拽的事件监听了；下面请看代码

#include "widget.h"
#include <QApplication>
#include <QListWidget>
#include <QPropertyAnimation>
#include <QVBoxLayout>
#include <QPushButton>
#include <QBitmap>
#include <QPainter>
#include <QResizeEvent>
#include <QDebug>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
{
    QVBoxLayout *lay = new QVBoxLayout(this);
    listWidget = new QListWidget;
    listWidget->setViewMode(QListWidget::IconMode); //设置显示方式
    listWidget->addItem(new QListWidgetItem(QIcon(":/img/test.png"),QStringLiteral("test"))); //放一个item到ListWidget
    listWidget->addItem(new QListWidgetItem(QIcon(":/img/trash.png"),QStringLiteral("trash")));//放一个item到ListWidget
    listWidget->installEventFilter(this); //为ListWidget添加事件监听，用于检测item项是否被拖动
    lay->addWidget(listWidget); //主布局

    reRect = new QLabel(this);            //顶上垃圾箱背景label
    reRect->setAutoFillBackground(true);
    QPalette pal = reRect->palette();
    pal.setBrush(QPalette::Background,Qt::lightGray); //设置背景色
    reRect->setPalette(pal);
    QPixmap pix(":/img/trash.png");
    reRect->resize(width(),pix.height() + 20);  //重设label尺寸
    reRect->setMinimumHeight(pix.height() + 20); 

    reLabel = new QLabel;                //垃圾桶
    reLabel->resize(pix.size());        //重调垃圾桶label尺寸
    reLabel->setPixmap(pix);
    reLabel->setMask(pix.mask());
    reLabel->setAcceptDrops(true);     //使能够接受拖拽的落下
    reLabel->installEventFilter(this); //添加事件监听
    QHBoxLayout *hlay = new QHBoxLayout(reRect);
    hlay->addWidget(reLabel,0,Qt::AlignCenter); //在背景label中居中

    ani = new QPropertyAnimation(reRect, "geometry"); //新建动画，绑定属性为背景label的geometry
    ani->setEasingCurve(QEasingCurve::InCurve);       //设置动画插值方式
    ani->setDuration(150);                            //动画持续时间
    connect(ani,&QPropertyAnimation::finished,[&]{ani->setDirection(QAbstractAnimation::Direction(!ani->direction()));}); //改变方向
}

void Widget::resizeEvent(QResizeEvent *event)
{
    reRect->resize(event->size().width(),reRect->height()); //当窗口发生变化时，重调背景label尺寸
    if(initFlag){      //当第一次初始化时，移动到窗体外面
        initFlag = false;
        reRect->move(reRect->x(),-reRect->height());
    }
    ani->setStartValue(QRect(reRect->x(),-reRect->height(),reRect->width(),reRect->height())); //设置动画起点值
    ani->setEndValue(reRect->rect());   //设置动画终点值
    return QWidget::resizeEvent(event);
}

Widget::~Widget()
{

}

bool Widget::eventFilter(QObject *watched, QEvent *event)
{
    if(reLabel = qobject_cast<QLabel*>(watched)){
        if(event->type() == QEvent::DragEnter){
            QDragEnterEvent *drageEnterE{nullptr};
            try{
                drageEnterE = dynamic_cast<QDragEnterEvent*>(event);
            }catch(std::bad_cast &e){
                qDebug() << e.what();
            }
            if(drageEnterE){
                trashPainted = false;
                drageEnterE->acceptProposedAction(); //当拖拽事件进入时，启用接收拖拽
            }
            return true;
        }else if(event->type() == QEvent::Drop){
            QDropEvent *dropE{nullptr};
            try{
                dropE = dynamic_cast<QDropEvent*>(event);
            }catch(std::bad_cast &e){
                qDebug() << e.what();
            }
            if(dropE){
                listWidget->takeItem(listWidget->row(listWidget->currentItem())); //当在垃圾箱落下时，从ListWidget中删除当前项，并恢复垃圾箱颜色
                QPixmap *pix = const_cast<QPixmap*>(reLabel->pixmap());
                *pix = QPixmap(":/img/trash.png");
                reLabel->repaint();
            }
            return true;
        }else if(event->type() == QEvent::DragMove){
            QDragMoveEvent *mvEvent{nullptr};
            try{
                mvEvent = dynamic_cast<QDragMoveEvent*>(event);
            }catch(std::bad_cast &e){
                qDebug() << e.what();
            }
            if(mvEvent && !trashPainted){   //当item项在垃圾箱上漂荡时，改变垃圾箱颜色
                QPixmap *pix = const_cast<QPixmap*>(reLabel->pixmap());
                QPainter p(pix);
                p.initFrom(pix);
                p.fillRect(pix->rect(),QColor(200,0,0,50));
                reLabel->repaint();
                trashPainted = !trashPainted;
            }
            return true;
        }else if(event->type() == QEvent::DragLeave){
            QDragLeaveEvent *leEvent{nullptr};
            try{
                leEvent = dynamic_cast<QDragLeaveEvent*>(event);
            }catch(std::bad_cast &e){
                qDebug() << e.what();
            }
            if(leEvent){
                QPixmap *pix = const_cast<QPixmap*>(reLabel->pixmap()); //当拖拽事件离开时，恢复垃圾箱颜色
                *pix = QPixmap(":/img/trash.png");
                reLabel->repaint();
            }
            return true;
        }
    }else if(listWidget == qobject_cast<QListWidget*>(watched)){
        QChildEvent *childEvent{nullptr};
        switch (event->type()) {
        case QEvent::ChildAdded:
            try{
                childEvent = dynamic_cast<QChildEvent*>(event);
            }catch(std::bad_cast &e){
                qDebug() << e.what();
            }
            if(childEvent){  //当item项被视为拖动时，启动动画
                ani->start();
            }
            break;
        case QEvent::ChildRemoved:
            try{
                childEvent = dynamic_cast<QChildEvent*>(event);
            }catch(std::bad_cast &e){
                qDebug() << e.what();
            }
            if(childEvent){  //当item拖动结束时,启动动画
                ani->start();
            }
            break;
        }
    }
    return QWidget::eventFilter(watched,event);
}

我做得比较简单，如果完美一点，应该在最后那段代码中；当item被拖动时应该判断动画执行方向，如果此时动画还是离开窗体中，就应该先停止动画，然后改变方向，再启动动画；当拖动结束时也是一样的。不过我这里设置的动画持续时间比较短，这个现象问题不大。

需要源码可到处下载