实现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);