QTableView自定义拖拽行

实现QTableView的行拖拽，支持多行选择拖拽，也可根据需要稍作修改实现QTreeView、QListView等的拖拽效果。

拖拽类实现

继承 QTableView 实现几个拖拽相关的方法
TableView.h

#ifndef TableView_H
#define TableView_H

#include <QObject>
#include <QListView>
#include <QDragEnterEvent>
#include <QDragMoveEvent>
#include <QDragLeaveEvent>
#include <QStandardItemModel>
#include <QStandardItem>
#include <QMimeData>
#include <QDrag>
#include <QDebug>
#include <QTableView>

class TableView : public QTableView
{
    Q_OBJECT

public:
    explicit TableView(QWidget *parent = nullptr);

    bool isDraging() const {return IsDraging;}
    int offset() const {return 12;}
    int highlightedRow() const {return curHighlightedRow;}
    int dragRow() const {return curDragRow;}
    static QString myMimeType() { return QStringLiteral("TableView/text-icon"); }
private:
    //dropIndicator显示与消失
    void updateDropIndicator(int row);
protected:
    void dragEnterEvent(QDragEnterEvent *event) override;
    void dragLeaveEvent(QDragLeaveEvent *event) override;
    void dragMoveEvent(QDragMoveEvent *event) override;
    void dropEvent(QDropEvent *event) override;
    void startDrag(Qt::DropActions supportedActions) override;

private:
    bool IsDraging = false;
    //当前鼠标所在位置 行号
    int curHighlightedRow = -2;
    //被拖拽的行所在的位置
    int oldHighlightedRow = -2;
    //拖拽的行
    int curDragRow = -1;
    //当前鼠标放下所在行
    int curInsertRow = -1;
    //需要删除的旧行（行号）
    QList<int> oldSelectRow;
    //选中的拖拽行
    QList<int> curDragRows;
};

bool compareBarData(const int &barAmount1, const int &barAmount2);

#endif // TableView_H

TableView.cpp

#include "TableView.h"

TableView::TableView(QWidget *parent) :
    QTableView(parent)
{
    setDragEnabled(true);
    setAcceptDrops(true);
    setEditTriggers(QAbstractItemView::NoEditTriggers);

    this->setStyleSheet(
        "QListView::Item{height:20px;}"
    );
    //列撑满整个表格
    this->horizontalHeader()->setSectionResizeMode(QHeaderView::Stretch);
    //去掉表格边框线
    this->setShowGrid(false);
    //整行选择
    this->setSelectionBehavior(QAbstractItemView::SelectRows);
    //按住ctrl多选
    this->setSelectionMode(QAbstractItemView::ExtendedSelection);
}

void TableView::dragEnterEvent(QDragEnterEvent *event)
{
    TableView *source = qobject_cast<TableView *>(event->source());
    if (source && source == this) {
        IsDraging = true;  //IsDraging(标志位)判断是否正在拖拽
        event->setDropAction(Qt::MoveAction);
        event->accept();
    }
}

void TableView::dragLeaveEvent(QDragLeaveEvent *event)
{
    oldHighlightedRow = curHighlightedRow;
    curHighlightedRow = -2;
    //刷新以使dropIndicator消失,
    updateDropIndicator(oldHighlightedRow);
    IsDraging = false;
    curInsertRow = -1;
    event->accept();
}
//dropIndicator显示与消失
void TableView::updateDropIndicator(int row)
{
    //这里用的是update(QModelIndex)，这里也可以使用update(QRect)，在表格所有列绘制分隔符
    for (int updateColI = 0; updateColI < this->model()->columnCount();updateColI++) {
        //刷新新区域使dropIndicator显示
        update(model()->index(row, updateColI));
        update(model()->index(row + 1, updateColI));
    }
}
void TableView::dragMoveEvent(QDragMoveEvent *event)
{
    TableView *source = qobject_cast<TableView *>(event->source());
    if (source && source == this) {
        oldHighlightedRow = curHighlightedRow;
        curHighlightedRow = indexAt(event->pos() - QPoint(0, offset())).row();

        //offset() = 9 = rowHeight / 2 - 1，其中 rowHeight 是行高
        if(event->pos().y() >= offset()){
            if(oldHighlightedRow != curHighlightedRow){
                //刷新以使dropIndicator消失
                updateDropIndicator(oldHighlightedRow);

                //刷新新区域使dropIndicator显示
                updateDropIndicator(curHighlightedRow);

            }else{
                //刷新新区域使dropIndicator显示
                updateDropIndicator(curHighlightedRow);
            }
            curInsertRow = curHighlightedRow + 1;
        }else{
            curHighlightedRow = -1;
            //刷新新区域使dropIndicator显示，第一行
            updateDropIndicator(0);

            curInsertRow = 0;
        }

        event->setDropAction(Qt::MoveAction);
        event->accept();
    }
}

void TableView::dropEvent(QDropEvent *event)
{
    TableView *source = qobject_cast<TableView *>(event->source());
    if (source && source == this){

        IsDraging = false;  //完成拖拽
        oldHighlightedRow = curHighlightedRow;
        curHighlightedRow = -2;

        //刷新以使dropIndicator消失
        updateDropIndicator(oldHighlightedRow);
        
        //这里我像QListWidget那样调用父类dropEvent(event)发现不起作用(原因尚不明)，没办法，只能删除旧行，插入新行
        //从event->mimeData()取出拖拽数据
        QList<int> text;
        //                QIcon icon;
        QByteArray itemData = event->mimeData()->data(myMimeType());
        QDataStream dataStream(&itemData, QIODevice::ReadOnly);
        dataStream >> text;// >> icon;

        //[1]

        for (int rowI = 0;rowI < text.size();rowI++) {
            if(curInsertRow == text.at(rowI) || curInsertRow == text.at(rowI) + 1)
            {
                curDragRows.clear();
                return;
            }
        }

        qSort(text.begin(),text.end(),compareBarData);
        QList<QList<QStandardItem*>> standardItemRow;

        for (int rowI = 0;rowI < text.size();rowI++) {
            QList<QStandardItem*> standardItem;
            for (int i = 0;i < this->model()->columnCount();i++) {
                QModelIndex index = this->model()->index(text.at(rowI),i);
                QString name = this->model()->data(index).toString();
                standardItem.append(new QStandardItem(name));
                qDebug()<< "[" << __LINE__ << "-" << __FUNCTION__ << "]"<<name;
            }
            standardItemRow.append(standardItem);
        }

        for (int rowI = 0;rowI < text.size();rowI++) {
            model()->insertRow(curInsertRow+rowI);  //插入新行
            QStandardItemModel *listModel = qobject_cast<QStandardItemModel *>(model());
            for (int i = 0;i < this->model()->columnCount();i++) {
                listModel->setItem(curInsertRow+rowI, i, standardItemRow[rowI][i]);
            }
        }
        setCurrentIndex(model()->index(curInsertRow, 0));  //插入行保持选中状态
        event->setDropAction(Qt::MoveAction);
        event->accept();
    }
}

/**!使用startDrag()则不需要判断拖拽距离,按下鼠标时触发
*/
void TableView::startDrag(Qt::DropActions)
{	
	//清空当前拖拽列表，防止重复拖拽选中
	curDragRows.clear();
	//当前拖拽行
    curDragRow = currentIndex().row();
    QStandardItemModel *listModel = qobject_cast<QStandardItemModel *>(model());
    QModelIndexList modelIndexList = this->selectionModel()->selectedRows();
    // 放入QMimeData容器中的拖拽数据（选中的行索引）
    QList<int> text;
    foreach (QModelIndex modelIndex, modelIndexList) {
    	//把当前拖拽数据放到拖拽列表中，实现后面拖拽完成删除旧的行
        curDragRows.append(modelIndex.row());
        //把拖拽数据的行索引放在QMimeData容器中
        text.append(modelIndex.row());
    }
    QByteArray itemData;
    QDataStream dataStream(&itemData, QIODevice::WriteOnly);
    dataStream << text;

	//设置拖拽对象，可自动定义拖拽的缩略图样式可自己继承 QWidget 画一个出来
	/**QWidget* widget= new QWidget(this);
	widget->setupthumbnail(icon, text);
	QPixmap pixmap = widget->grab();
	drag->setPixmap(pixmap);
	drag->setHotSpot(QPoint(pixmap.width() / 2, pixmap.height() / 2));
	*/
    QMimeData *mimeData = new QMimeData;
    mimeData->setData(myMimeType(), itemData);
    QDrag *drag = new QDrag(this);
    drag->setMimeData(mimeData);
    
    //删除的行需要根据curInsertRow和curDragRow的大小关系来判断，大于当前放下的行需要加上放下的行数，小于当前放下的行则不需加
    if(drag->exec(Qt::MoveAction) == Qt::MoveAction){
        int sizecurDragRows = curDragRows.size();
        qSort(curDragRows.begin(),curDragRows.end(),compareBarData);
        int theRemoveRow = -1;
        for (int i = curDragRows.size()-1;i >= 0;i--) {
            if(curInsertRow < curDragRows.at(i)) theRemoveRow = curDragRows.at(i) + sizecurDragRows;
            else theRemoveRow = curDragRows.at(i);
            model()->removeRow(theRemoveRow);
            curDragRows.removeAt(i);
        }
    }
}
bool compareBarData(const int &barAmount1, const int &barAmount2)
{
    if (barAmount1 < barAmount2)//<升序排列,>降序排列
    {
        return true;
    }
    return false;
}

自定义拖拽分割符样式委托

TableItemDelegate.h

#ifndef TableItemDelegate_H
#define TableItemDelegate_H

#include <QObject>
#include <QPainter>
#include <QStyleOptionViewItem>
#include <QStyledItemDelegate>
#include <QModelIndex>
#include <QTableView>
#include <QDebug>
#include "TableView.h"

#define POLYGON 2   //分隔符等腰三角形直角边长
#define WIDTH 1     //分隔符粗细的一半

class TableItemDelegate : public QStyledItemDelegate
{
    Q_OBJECT
public:
    TableItemDelegate(QObject *parent = nullptr);

protected:
    void paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const;
};

#endif // TableItemDelegate_H

TableItemDelegate.cpp

#include "TableItemDelegate.h"

TableItemDelegate::TableItemDelegate(QObject *parent)
    : QStyledItemDelegate(parent)
{}
void TableItemDelegate::paint(QPainter * painter, const QStyleOptionViewItem & option, const QModelIndex & index) const
{
    TableView *dragView = qobject_cast<TableView *>(option.styleObject);
    bool isDraging = dragView->isDraging();

    QRect rect = option.rect;

    painter->setRenderHint(QPainter::Antialiasing, true);
    painter->setPen(Qt::NoPen);

    if(option.state & (QStyle::State_MouseOver | QStyle::State_Selected)){
        if(option.state & QStyle::State_Selected){
            painter->setBrush(QColor(180, 0, 0));
            painter->drawRect(rect.topLeft().x(), rect.topLeft().y(), 4, rect.height());

            painter->setBrush(QColor(230, 231, 234));
            painter->drawRect(rect.topLeft().x() + 4, rect.topLeft().y(), rect.width() - 4, rect.height());
        }
    }
//开始绘制拖拽分隔符
    if(isDraging){
        int theDragRow = dragView->dragRow();
        int UpRow = dragView->highlightedRow();
        int DownRow = UpRow + 1;
        int rowCount = dragView->model()->rowCount() - 1;

//绘制DropIndicator
        if(index.row() == UpRow && index.row() != theDragRow - 1 && index.row() != theDragRow){
            painter->setBrush(QColor(0, 0, 0));

            if(UpRow == rowCount){
                //到控件达尾部行,三角形向上移动一个WIDTH的距离,以使分隔符宽度*2
                QPolygon triangle_polygon_bottomLeft;
                triangle_polygon_bottomLeft << QPoint(rect.bottomLeft().x(), rect.bottomLeft().y() - (POLYGON + WIDTH) + 1 - WIDTH);
                triangle_polygon_bottomLeft << QPoint(rect.bottomLeft().x(), rect.bottomLeft().y() - WIDTH + 1 - WIDTH);
                triangle_polygon_bottomLeft << QPoint(rect.bottomLeft().x() + POLYGON, rect.bottomLeft().y() - WIDTH + 1 - WIDTH);

                QPolygon triangle_polygon_bottomRight;
                triangle_polygon_bottomRight << QPoint(rect.bottomRight().x() + 1, rect.bottomRight().y() - (POLYGON + WIDTH) + 1 - WIDTH);
                triangle_polygon_bottomRight << QPoint(rect.bottomRight().x() + 1, rect.bottomRight().y() - WIDTH + 1 - WIDTH);
                triangle_polygon_bottomRight << QPoint(rect.bottomRight().x() - POLYGON + 1, rect.bottomRight().y() - WIDTH + 1 - WIDTH);

                painter->drawRect(rect.bottomLeft().x(), rect.bottomLeft().y() - 2 * WIDTH + 1, rect.width(), 2 * WIDTH);  //rect
                painter->drawPolygon(triangle_polygon_bottomLeft);
                painter->drawPolygon(triangle_polygon_bottomRight);
            }
            else {
                //正常情况,组成三角形上半部分(+1根据实际情况自定义)
                QPolygon triangle_polygon_bottomLeft;
                triangle_polygon_bottomLeft << QPoint(rect.bottomLeft().x(), rect.bottomLeft().y() - (POLYGON + WIDTH) + 1);
                triangle_polygon_bottomLeft << QPoint(rect.bottomLeft().x(), rect.bottomLeft().y() - WIDTH + 1);
                triangle_polygon_bottomLeft << QPoint(rect.bottomLeft().x() + POLYGON, rect.bottomLeft().y() - WIDTH + 1);

                QPolygon triangle_polygon_bottomRight;
                triangle_polygon_bottomRight << QPoint(rect.bottomRight().x() + 1, rect.bottomRight().y() - (POLYGON + WIDTH) + 1);
                triangle_polygon_bottomRight << QPoint(rect.bottomRight().x() + 1, rect.bottomRight().y() - WIDTH + 1);
                triangle_polygon_bottomRight << QPoint(rect.bottomRight().x() - POLYGON + 1, rect.bottomRight().y() - WIDTH + 1);

                painter->drawRect(rect.bottomLeft().x(), rect.bottomLeft().y() - WIDTH + 1, rect.width(), WIDTH);  //rect
                painter->drawPolygon(triangle_polygon_bottomLeft);
                painter->drawPolygon(triangle_polygon_bottomRight);

            }
        }
        else if(index.row() == DownRow && index.row() != theDragRow + 1 && index.row() != theDragRow){
            painter->setBrush(QColor(0, 0, 0));
            if(DownRow == 0){
                //到控件达头部行,三角形向下移动一个WIDTH的距离,以使分隔符宽度*2
                QPolygon triangle_polygon_topLeft;
                triangle_polygon_topLeft << QPoint(rect.topLeft().x(), rect.topLeft().y() + (POLYGON + WIDTH) + WIDTH);
                triangle_polygon_topLeft << QPoint(rect.topLeft().x(), rect.topLeft().y() + WIDTH + WIDTH);
                triangle_polygon_topLeft << QPoint(rect.topLeft().x() + POLYGON, rect.topLeft().y() + WIDTH + WIDTH);

                QPolygon triangle_polygon_topRight;
                triangle_polygon_topRight << QPoint(rect.topRight().x() + 1, rect.topRight().y() + (POLYGON + WIDTH) + WIDTH);
                triangle_polygon_topRight << QPoint(rect.topRight().x() + 1, rect.topRight().y() + WIDTH + WIDTH);
                triangle_polygon_topRight << QPoint(rect.topRight().x() - POLYGON + 1, rect.topRight().y() + WIDTH + WIDTH);

                painter->drawRect(rect.topLeft().x(), rect.topLeft().y(), rect.width(), 2 * WIDTH);  //rect
                painter->drawPolygon(triangle_polygon_topLeft);
                painter->drawPolygon(triangle_polygon_topRight);
            }
            else{
                //正常情况,组成三角形下半部分(+1根据实际情况自定义)
                QPolygon triangle_polygon_topLeft;
                triangle_polygon_topLeft << QPoint(rect.topLeft().x(), rect.topLeft().y() + (POLYGON + WIDTH));
                triangle_polygon_topLeft << QPoint(rect.topLeft().x(), rect.topLeft().y() + WIDTH);
                triangle_polygon_topLeft << QPoint(rect.topLeft().x() + POLYGON, rect.topLeft().y() + WIDTH);

                QPolygon triangle_polygon_topRight;
                triangle_polygon_topRight << QPoint(rect.topRight().x() + 1, rect.topRight().y() + (POLYGON + WIDTH));
                triangle_polygon_topRight << QPoint(rect.topRight().x() + 1, rect.topRight().y() + WIDTH);
                triangle_polygon_topRight << QPoint(rect.topRight().x() - POLYGON + 1, rect.topRight().y() + WIDTH);
                
                painter->drawRect(rect.topLeft().x(), rect.topLeft().y(), rect.width(), WIDTH);  //rect
                painter->drawPolygon(triangle_polygon_topLeft);
                painter->drawPolygon(triangle_polygon_topRight);
            }
        }
        QStyledItemDelegate::paint(painter, option, index);
        return;
    }
//结束绘制拖拽分隔符
    QStyledItemDelegate::paint(painter, option, index);
}

调用

/**! 拖拽行排序，使用方法
 *  ui控件可直接提升此类
 *  代码直接 new TableView(); 即可
 */

TableView* tableView = new TableView();
//分隔符样式委托
TableItemDelegate *delegate = new TableItemDelegate();
tableView->setItemDelegate(delegate);

QStandardItemModel *model = new QStandardItemModel();
model->setColumnCount(3);
model->setHeaderData(0,Qt::Horizontal,QString::fromLocal8Bit("序号"));
model->setHeaderData(1,Qt::Horizontal,QString::fromLocal8Bit("姓名"));
model->setHeaderData(2,Qt::Horizontal,QString::fromLocal8Bit("部门"));
for(int i = 0; i < 5; i++)
{
     model->setItem(i,0,new QStandardItem(QString::number(i+1)));
     model->setItem(i,1,new QStandardItem(QString::fromLocal8Bit("程序%1").arg(QString::number(i+1))));
     model->setItem(i,2,new QStandardItem(QString::fromLocal8Bit("%1部").arg(QString::number(i+1))));
}
QGridLayout *layout = new QGridLayout(this);
layout->setSpacing(0);
layout->addWidget(tableView);
layout->setContentsMargins(0, 0, 0, 0);
this->setLayout(layout);