拖拽之路（一）：自定义QListWidget实现美观的拖拽样式（拖拽即选中）

最新推荐文章于 2024-05-17 19:33:12 发布
最新推荐文章于 2024-05-17 19:33:12 发布
阅读量4.1k 收藏 52
点赞数 6
分类专栏： Qt 学习笔记 文章标签： QListWidget 拖拽 drag drop 自定义
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43742643/article/details/100378881
版权
环境配置 ：MinGW + QT 5.12
效果图（左边是QListWidget传统拖拽样式，右边是自定义拖拽样式）：

这种自定义拖拽样式的灵感来自于Chrome浏览器的书签栏。文章中所使用的自定义QListWidget来自于：自定义QListWidget实现item被hover时改变图标样式（模仿网易云音乐选项列表）（方法二）中的TestListWidget类的拓展（在之前的基础上加入了拖拽的代码）。本文中拖拽的特点是：拖拽即选中。

实现的功能及方法：

  • 拖拽功能实现：继承QListWidget（重写drag事件）
  • item在release时被选中：继承QListWidget（重写mousePressEvent和mouseReleaseEvent）
  • item在被hover时改变图标样式：继承QListWigetItem + 继承QStyledItemDelegate
  • 绘制dropIndicator：继承QListWidget（使用update()进行控制） + 继承QStyledItemDelegate （使用画笔进行绘制）

拖拽时缩略图thumbnail类：

推荐其它关于拖拽的文章：

这里需要说明一下：QListWidget是鼠标press时item就会被选中，自定义的TestListWidget类重写了mousePressEvent和mouseReleaseEvent使得item在鼠标release时才会被选中。至于为什么这样做，是因为Chrome浏览器的书签栏以及网易云音乐的选项列表都是在鼠标release时才会触发选中…
正是由于item在鼠标release时才会被选中，所以才会出现 拖拽即选中 和 拖拽不影响选中 两种情况，而QListWidget是鼠标press时item就会被选中，所以只能是 拖拽即选中（拖拽的条件是press，导致item在触发拖拽时就被选中）。

（0）TestListWidgetItem类继承自QListWidgetItem

  • TestListWidgetItem.h文件：
class TestListWidgetItem : public QListWidgetItem
{
    //Q_OBJECT  //由于QListWidgetItem没有QObject属性，所以Q_OBJECT需要注释掉
public:
    explicit TestListWidgetItem(QListWidget *view = nullptr);
    void setUpIcon(const QIcon &icon, const QIcon &icon_hover);

    QIcon Img;
    QIcon Img_hover;
};
  • TestListWidgetItem.c文件：
TestListWidgetItem::TestListWidgetItem(QListWidget *view) :
    QListWidgetItem(view)
{
}

void TestListWidgetItem::setUpIcon(const QIcon &icon, const QIcon &icon_hover)
{
    Img = icon;
    Img_hover = icon_hover;
    setIcon(Img);
}

（1）TestListWidget类继承自QListWidget

  • TestListWidget.h文件：
class TestListWidget : public QListWidget
{
    Q_OBJECT

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

    bool isDraging() const {return IsDraging;}
    int offset() const {return 19;}
    int highlightedRow() const {return theHighlightedRow;}
    int dragRow() const {return theDragRow;}
    static QString myMimeType() { return QStringLiteral("TestListWidget/text-icon-icon_hover"); }

protected:
    void mousePressEvent(QMouseEvent *event) override;
    void mouseReleaseEvent(QMouseEvent *event) override;
    void mouseMoveEvent(QMouseEvent *event) override;
    void dragEnterEvent(QDragEnterEvent *event) override;
    void dragLeaveEvent(QDragLeaveEvent *event) override;
    void dragMoveEvent(QDragMoveEvent *event) override;
    void dropEvent(QDropEvent *event) override;

private:
    QPoint startPos;
    bool IsDraging = false;
    QRect oldHighlightedRect;
    QRect theHighlightedRect;
    int theHighlightedRow = -2;
    int theDragRow = -1;

    const QRect targetRect(const QPoint &position) const;
};
  • TestListWidget.c文件：
TestListWidget::TestListWidget(QWidget *parent) :
    QListWidget(parent)
{
    //setMouseTracking(true);  //注释与否没有影响
    //setDragEnabled(true);  //注释与否没有影响
    setAcceptDrops(true);
    //setDropIndicatorShown(false);  //注释与否没有影响
    //setDefaultDropAction(Qt::MoveAction);  //注释与否没有影响
}

//拖拽起点
void TestListWidget::mousePressEvent(QMouseEvent *event)
{
    if(event->buttons() & Qt::LeftButton){
        startPos = event->pos();
    }
}

void TestListWidget::mouseReleaseEvent(QMouseEvent *event)
{
    if((event->pos() - startPos).manhattanLength() > 5) return;

    TestListWidgetItem *item = static_cast<TestListWidgetItem *>(itemAt(event->pos()));
    setCurrentItem(item);
}

void TestListWidget::mouseMoveEvent(QMouseEvent *event)
{
    if(event->buttons() & Qt::LeftButton){
//[1]超过规定距离才会触发拖拽，防止手滑...
        if((event->pos() - startPos).manhattanLength() < QApplication::startDragDistance()) return;
//[1]

        TestListWidgetItem *theDragItem = static_cast<TestListWidgetItem *>(itemAt(startPos));
        setCurrentItem(theDragItem);  //拖拽即选中
        
        theDragRow = row(theDragItem);
        
//[2]这部分是把拖拽的数据放在QMimeData容器中（参考Qt例程puzzle，使用QByteArray和QDataStream感觉很方便）
        QString text = theDragItem->text();
        QIcon icon = theDragItem->Img;
        QIcon icon_hover = theDragItem->Img_hover;
        QByteArray itemData;
        QDataStream dataStream(&itemData, QIODevice::WriteOnly);
        dataStream << text << icon << icon_hover;

        QMimeData *mimeData = new QMimeData;
        mimeData->setData(myMimeType(), itemData);
//[2]


//[3]设置拖拽时的缩略图，thumbnail类(找机会我会写一篇单独的文章介绍)是继承自QWidget的类椭圆形半透明窗口，使用grab()将QWidget变成QPixmap。
        thumbnail *DragImage = new thumbnail(this);
        DragImage->setupthumbnail(icon_hover, text);
        //DragImage->setIconSize(18);  //default:20
        QPixmap pixmap = DragImage->grab();

        QDrag *drag = new QDrag(this);
        drag->setMimeData(mimeData);
        //设置缩略图
        drag->setPixmap(pixmap);
        //设置鼠标在缩略图上的位置
        drag->setHotSpot(QPoint(pixmap.width()/2, pixmap.height()/2));
//[3]

        //拖拽开始！
        if(drag->exec(Qt::MoveAction) == Qt::MoveAction){
        }
    }
}

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

//当拖拽离开QListWidget时，需要update以保证DropIndicator消失
void TestListWidget::dragLeaveEvent(QDragLeaveEvent *event)
{
    theHighlightedRow = -2;
    update(theHighlightedRect);

    //IsDraging(标志位)判断是否正在拖拽
    IsDraging = false;

    event->accept();
}

//拖拽移动时刷新以更新DropIndicator
void TestListWidget::dragMoveEvent(QDragMoveEvent *event)
{
    TestListWidget *source = qobject_cast<TestListWidget *>(event->source());
    if (source && source == this) {

        oldHighlightedRect = theHighlightedRect;
        theHighlightedRect = targetRect(event->pos());

        //offset() = 19(这个数值是我调用父类的dropEvent(event)一次一次试出来的，我觉得公式应该是19 = 40 / 2 - 1， 其中40是item行高)
        if(event-o>pos().y() >= offset()){

            theHighlightedRow = row(itemAt(event->pos() - QPoint(0, offset())));

            if(oldHighlightedRect != theHighlightedRect){
                update(oldHighlightedRect);  //刷新旧区域使DropIndicator消失
                update(theHighlightedRect);  //刷新新区域使DropIndicator显示
            }else
                update(theHighlightedRect);
        }else{
            theHighlightedRow = -1;
            update(QRect(0, 0, width(), 80));  //仅刷新第一行
        }

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

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

        IsDraging = false;  //拖拽完成

        theHighlightedRow = -2;
        update(theHighlightedRect);  //拖拽完成，刷新以使DropIndicator消失

        QListWidget::dropEvent(event);  //因为是拖拽即选中，所以可以直接调用父类的dropEvent(event)

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

const QRect TestListWidget::targetRect(const QPoint &position) const
{
    //40是item的行高
    if(position.y() >= offset())
        return QRect(0, (position.y() - offset()) / 40 * 40, width(), 2 * 40);
    else
        return QRect(0, 0, width(), 40);
}

（2）TestItemDelegate类继承自QStyledItemDelegate，主要是为了绘制dropIndicator。图示为dropIndicator组成：

在这里插入图片描述

  • TestItemDelegate.h文件：
#define POLYGON 4   //等腰三角形直角边长
#define WIDTH 1     //分隔符粗细的一半

class TestItemDelegate : public QStyledItemDelegate
{
    Q_OBJECT

public:
    TestItemDelegate(QObject *parent = nullptr);

protected:
    void paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const;
};
  • TestItemDelegate.c文件：
TestItemDelegate::TestItemDelegate(QObject *parent)
    : QStyledItemDelegate(parent)
{
}

void TestItemDelegate::paint(QPainter * painter, const QStyleOptionViewItem & option, const QModelIndex & index) const
{
    TestListWidget *dragWidget = qobject_cast<TestListWidget *>(option.styleObject);
    bool isDraging = dragWidget->isDraging();

    QRect rect = option.rect;

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

    if(option.state & (QStyle::State_MouseOver | QStyle::State_Selected)){

        TestListWidgetItem *item = static_cast<TestListWidgetItem *>(dragWidget->item(index.row()));
        item->setIcon(item->Img_hover);

        if(option.state & QStyle::State_MouseOver){
        }
        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());
        }
    }else{
        TestListWidgetItem *item = static_cast<TestListWidgetItem *>(dragWidget->item(index.row()));
        item->setIcon(item->Img);
    }

//begin drag
    if(isDraging){
        int theDragRow = dragWidget->dragRow();
        int UpRow = dragWidget->highlightedRow();
        int DownRow = UpRow + 1;
        int rowCount = dragWidget->count() - 1;

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

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

                QPolygon trianglePolygon_bottomRight;
                trianglePolygon_bottomRight << QPoint(rect.bottomRight().x() + 1, rect.bottomRight().y() - (POLYGON + WIDTH) + 1 - WIDTH);
                trianglePolygon_bottomRight << QPoint(rect.bottomRight().x() + 1, rect.bottomRight().y() - WIDTH + 1 - WIDTH);
                trianglePolygon_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(trianglePolygon_bottomLeft);
                painter->drawPolygon(trianglePolygon_bottomRight);
            }
            else {
                //正常情况,组成上半部分(+1是根据实际情况修正)
                QPolygon trianglePolygon_bottomLeft;
                trianglePolygon_bottomLeft << QPoint(rect.bottomLeft().x(), rect.bottomLeft().y() - (POLYGON + WIDTH) + 1);
                trianglePolygon_bottomLeft << QPoint(rect.bottomLeft().x(), rect.bottomLeft().y() - WIDTH + 1);
                trianglePolygon_bottomLeft << QPoint(rect.bottomLeft().x() + POLYGON, rect.bottomLeft().y() - WIDTH + 1);

                QPolygon trianglePolygon_bottomRight;
                trianglePolygon_bottomRight << QPoint(rect.bottomRight().x() + 1, rect.bottomRight().y() - (POLYGON + WIDTH) + 1);
                trianglePolygon_bottomRight << QPoint(rect.bottomRight().x() + 1, rect.bottomRight().y() - WIDTH + 1);
                trianglePolygon_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(trianglePolygon_bottomLeft);
                painter->drawPolygon(trianglePolygon_bottomRight);
            }
        }
        else if(index.row() == DownRow && index.row() != theDragRow + 1 && index.row() != theDragRow){
            painter->setBrush(QColor(66, 133, 244));

            if(DownRow == 0){
                //到达头部,三角形向下移动一个WIDTH的距离,以使分隔符宽度*2
                QPolygon trianglePolygon_topLeft;
                trianglePolygon_topLeft << QPoint(rect.topLeft().x(), rect.topLeft().y() + (POLYGON + WIDTH) + WIDTH);
                trianglePolygon_topLeft << QPoint(rect.topLeft().x(), rect.topLeft().y() + WIDTH + WIDTH);
                trianglePolygon_topLeft << QPoint(rect.topLeft().x() + POLYGON, rect.topLeft().y() + WIDTH + WIDTH);

                QPolygon trianglePolygon_topRight;
                trianglePolygon_topRight << QPoint(rect.topRight().x() + 1, rect.topRight().y() + (POLYGON + WIDTH) + WIDTH);
                trianglePolygon_topRight << QPoint(rect.topRight().x() + 1, rect.topRight().y() + WIDTH + WIDTH);
                trianglePolygon_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(trianglePolygon_topLeft);
                painter->drawPolygon(trianglePolygon_topRight);
            }
            else{
                //正常情况,组成下半部分(+1是根据实际情况修正)
                QPolygon trianglePolygon_topLeft;
                trianglePolygon_topLeft << QPoint(rect.topLeft().x(), rect.topLeft().y() + (POLYGON + WIDTH));
                trianglePolygon_topLeft << QPoint(rect.topLeft().x(), rect.topLeft().y() + WIDTH);
                trianglePolygon_topLeft << QPoint(rect.topLeft().x() + POLYGON, rect.topLeft().y() + WIDTH);

                QPolygon trianglePolygon_topRight;
                trianglePolygon_topRight << QPoint(rect.topRight().x() + 1, rect.topRight().y() + (POLYGON + WIDTH));
                trianglePolygon_topRight << QPoint(rect.topRight().x() + 1, rect.topRight().y() + WIDTH);
                trianglePolygon_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(trianglePolygon_topLeft);
                painter->drawPolygon(trianglePolygon_topRight);
            }
        }
        QStyledItemDelegate::paint(painter, option, index);
        return;
    }
//end drag

    QStyledItemDelegate::paint(painter, option, index);
}

（3）使用TestListWidgetItem和TestItemDelegate

  • 主窗口.h文件：
class test : public QWidget
{
    Q_OBJECT
public:
    explicit test(QWidget *parent = nullptr);

private:
    void initUi();
};
  • 主窗口.c文件：
test::test(QWidget *parent) : QWidget(parent)
{
    initUi();
}

void test::initUi()
{
    setFixedSize(250, 600);

    TestListWidget *listwidget = new TestListWidget(this);
    listwidget->setIconSize(QSize(25, 25));
    listwidget->setFocusPolicy(Qt::NoFocus);  //这样可禁用tab键和上下方向键并且除去复选框
    listwidget->setFixedHeight(320);
    listwidget->setFont(QFont("宋体", 10, QFont::DemiBold));
    listwidget->setStyleSheet(
                //"*{outline:0px;}"  //除去复选框
                "QListWidget{background:rgb(245, 245, 247); border:0px; margin:0px 0px 0px 0px;}"
                "QListWidget::Item{height:40px; border:0px; padding-left:14px; color:rgba(200, 40, 40, 255);}"
                "QListWidget::Item:hover{color:rgba(40, 40, 200, 255); padding-left:14px;}"
                "QListWidget::Item:selected{color:rgba(40, 40, 200, 255); padding-left:15px;}"
                );

    TestItemDelegate *delegate = new TestItemDelegate();
    listwidget->setItemDelegate(delegate);

    TestListWidgetItem *item1 = new TestListWidgetItem(listwidget);
    item1->setUpIcon(QIcon(":/listBar_Icon/1.png"), QIcon(":/listBar_Icon/1_hover.png"));
    item1->setText("发现音乐");

    TestListWidgetItem *item2 = new TestListWidgetItem(listwidget);
    item2->setUpIcon(QIcon(":/listBar_Icon/2.png"), QIcon(":/listBar_Icon/2_hover.png"));
    item2->setText("私人FM");

    TestListWidgetItem *item3 = new TestListWidgetItem(listwidget);
    item3->setUpIcon(QIcon(":/listBar_Icon/3.png"), QIcon(":/listBar_Icon/3_hover.png"));
    item3->setText("朋友");

    TestListWidgetItem *item4 = new TestListWidgetItem(listwidget);
    item4->setUpIcon(QIcon(":/listBar_Icon/4.png"), QIcon(":/listBar_Icon/4_hover.png"));
    item4->setText("MV");

    TestListWidgetItem *item5 = new TestListWidgetItem(listwidget);
    item5->setUpIcon(QIcon(":/listBar_Icon/5.png"), QIcon(":/listBar_Icon/5_hover.png"));
    item5->setText("本地音乐");

    TestListWidgetItem *item6 = new TestListWidgetItem(listwidget);
    item6->setUpIcon(QIcon(":/listBar_Icon/6.png"), QIcon(":/listBar_Icon/6_hover.png"));
    item6->setText("下载管理");

    TestListWidgetItem *item7 = new TestListWidgetItem(listwidget);
    item7->setUpIcon(QIcon(":/listBar_Icon/7.png"), QIcon(":/listBar_Icon/7_hover.png"));
    item7->setText("我的音乐云盘");

    TestListWidgetItem *item8 = new TestListWidgetItem(listwidget);
    item8->setUpIcon(QIcon(":/listBar_Icon/8.png"), QIcon(":/listBar_Icon/8_hover.png"));
    item8->setText("我的收藏");

    QVBoxLayout *layout = new QVBoxLayout(this);
    layout->setSpacing(0);
    layout->addWidget(listwidget);
    layout->setContentsMargins(0, 0, 0, 0);
    setLayout(layout);
}

如果想要接触更多关于拖拽的代码，在Qt例程中搜索“drag”。推荐看一下例程puzzle的两种实现方法（一种是继承QListWidget，另一种是QListView + 继承QAbstractListModel）。
在这里插入图片描述

环境配置 ：MinGW + QT 5.12
hanjialeOK
关注
  • 6
    点赞
  • 踩
  • 52
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用Qt的QListWidget完成拖拽功能
kestiny的专栏
09-12 5852
代码逻辑： 1、         利用方法setViewMode(QListView::IconMode)来完成QListWidget的显示模式设置，即只显示图标模式。 2、         利用方法void addTypeAndItems(const QString& strRootPaht, const QString&strType)完成对给定文件中特定模型的读取工作（实现见附录）。
Qt控件QListWidget实现鼠标拖拽Item换序
06-04
本篇将详细介绍如何在QListWidget中实现鼠标拖拽Item换序的功能。 首先，为了启用QListWidget的拖放功能，我们需要设置其`dragDropMode`属性。`dragDropMode`有多种模式，如NoDragDrop、InternalMove、DragOnly、...
【QT】QListWidget添加自定义Widget后移动Item问题和方法
qq_49438965的博客
08-19 1156
在QListWidget显示QWidget通过代码中移动item
Qt 模型视图 - QListWidget（1）
STIV_的博客
04-26 877
QListWidget 类是 Qt 框架中用于显示列表的窗口部件类。它提供了一种方便的方式来显示并操作项目列表。QListWidget 可以显示文本、图像和自定义控件，并且支持多种选择模式和拖放操作。
【qt】QListWidget 组件
最新发布
qq_74047911的博客
05-17 1404
/可以自定义菜单将上下文菜单策略设置为自定义菜单策略。在这种策略下，当用户在该部件上右击时，不会自动弹出默认的上下文菜单，而是需要手动编写代码来定义自己的上下文菜单。对于的组件，我们最重要的一点是往里面添加的是列表项，这又是一种类型。因此我们要注意那些接口是用在列表项的，那些是用在列表的。冰冻三尺，非一日之寒。
QT使用QListWidget实现可拖拽列表
HES_C的博客
10-20 2713
使用listwidget实现列表拖拽
Qt实现Table--＞Table拖拽功能
qq_34790664的博客
03-23 3073
Qt实现Table-->Table拖拽环境说明实现Table-->Table拖拽的原因实现的功能多窗口间的数据通信 环境说明 Qt版本：5.12 Mingw32 操作系统：win10 实现Table–>Table拖拽的原因 说实在的，啥用没有，就是为了显得比按钮点击要高大上一点。 实现的功能 将窗口中左边的信息拖到右边 //parentwindow.h private: ChidWindow *childwindow； //parentwindow.cpp childwindow=ne
QListWidget 实现控件内拖拽
人和代码有一个能跑
07-14 1042
Qt控件拖拽
通过重写QListWidget实现拖拽列表排序。
10-28
在这个场景中，我们要实现的是通过重写QListWidget来实现拖拽列表排序的功能。这个功能允许用户通过拖动列表中的项来改变它们的顺序，提供了一个直观且用户友好的界面交互。 首先，为了实现拖放排序，我们需要开启...
QListWidget内拖拽item
07-15
在QT编程中，QListWidget是一个非常常用的控件，它用于显示一个列表式的项目列表。在某些场景下，用户可能需要交互式地调整列表中项的顺序，例如通过拖放操作。本教程将深入讲解如何在QListWidget内部实现带有Widget...
qlistWidget拖拽
07-01
"qlistWidget拖拽"这个话题涉及到QListWidget的一项重要功能，即允许用户通过拖放操作来重新排列列表中的项目，或者将项目移动到其他QListWidget或兼容的Qt控件中。这项功能对于创建具有用户自定义排序或数据转移...
C++Qt实现拖拽按钮插入指定位置并重新排序
03-15
1.效果类似于Windows桌面应用可以通过鼠标拖拽插入指定位置，并自动排序的效果。 2.开发环境Qt Creator,...7.目标人群：想学习使用MousePressed、MouseMoved、MouseReleased实现拖拽功能、QListWidget深入功能的学者。
QListWidget、QTreeWidget通过拖拽移动item项排序
weixin_35214138的博客
11-29 1667
获取QListWidget和QTreeWidget在节点拖拽时的信号变化
QListWidget样式表设置
热门推荐
s351886184的博客
11-08 1万+
QListWidget { color:rgb(200,200,200); border:3px solid gray; padding:20px 0px 0px 0px; } /**列表项*/ QListWidget::item { color:rgb(200,200,200); height:40px; padding-left:20px; ...
Qt基础 QListWidget dragDrop拖拽操作
路奇的博客
12-01 1368
关于QLisWidget的item拖拽操作,也可以某个控件拖拽思路。
QListWidget与QTableWidget的使用以及样式设置
比卡丘不皮的博客
08-30 7863
QListWidget和QTableWidget的使用和属性，QTableWidget和QListWidget样式表的设置，滚动条的样式设置 一、QListWidget的使用 //一、QListWidget list_widget = new QListWidget(); //list_widget->resize(200,300); list_widget->setFixedWidth(300); //设置item图标大小 list_widget->setIconSize(
Qt QListWidget拖拽实现
yueye30121的专栏
10-09 9544
接着前面的QTableWidget继续写吧，原本实现QTableWidget的拖拽，结果还是没弄好，唉……一个字，搓！两个字，很搓！ QTableWidget拖拽没有实现，但是还是有希望的，希望至少还不是在田野上，QListWidget的拖拽实现了，亲们…… 直接贴代码吧！ ===========================================================
H5 HTML 移动端触摸拖拽drag drop 自定义拖拽样式 使用PointerEvent模拟的拖拽方案
斯幽柏雷科技
02-18 4750
前言 原生的drag事件有许多诟病， 比如拖拽时跟随鼠标指针的那个元素样式过分简陋。 比如dataTransfer在除start和drop外无法访问，从而让drop元素无法很好的判断是否接受drop。 比如无法优雅的设置拖拽过程中的鼠标指针。。。。 比如不支持触摸拖拽。。。。 处于对多输入设备的兼容及花里胡哨的功能，我需要模拟一套drag和drop事件以实现需求。 这期主要是想安利一波我探索出的一种模拟浏览器原生的拖拽元素方案，兼容各种输入设备（PC/移动端适配） PointerEvent 如今能跑网页的
自定义QListWidget控件和拖放事件
qq_65932616的博客
12-23 816
【代码】自定义QListWidget控件和拖放事件。
如何让pyqt6的QListWidget支持拖拽
04-26
可以通过以下步骤实现QListWidget的拖拽功能： 1. 设置QListWidget的拖拽模式为QtWidgets.QAbstractItemView.DragDrop模式，可以在类的构造函数中使用setDragDropMode()函数实现。 2. 设置QListWidget中Item的拖拽行为，默认情况下QListWidgetItem是可以被拖拽并创建副本的，可以通过重载QListWidgetItem的mimeData()函数实现自定义拖拽数据。 3. 设置QListWidget的拖拽事件，可以使用dragEnterEvent()、dragLeaveEvent()、dragMoveEvent()和dropEvent()等函数实现。 下面是一个简单的例子，演示如何在pyqt6中实现QListWidget的拖拽功能： ``` python from PyQt6 import QtCore, QtGui, QtWidgets class MyListWidget(QtWidgets.QListWidget): def __init__(self, parent=None): super().__init__(parent) self.setDragDropMode(QtWidgets.QAbstractItemView.DragDrop) self.setSelectionMode(QtWidgets.QAbstractItemView.SelectionMode.SingleSelection) def mousePressEvent(self, event): if event.button() == QtCore.Qt.LeftButton: item = self.itemAt(event.pos()) if item and item.isSelected(): # 记录拖拽项的数据 mimeData = QtCore.QMimeData() mimeData.setText(item.text()) drag = QtGui.QDrag(self) drag.setMimeData(mimeData) drag.setHotSpot(event.pos() - item.pos()) # 开始拖拽操作 drag.exec_(QtCore.Qt.MoveAction) def dragEnterEvent(self, event): if event.mimeData().hasText(): event.acceptProposedAction() def dragMoveEvent(self, event): if event.mimeData().hasText(): event.acceptProposedAction() def dropEvent(self, event): if event.mimeData().hasText(): itemText = event.mimeData().text() item = QtWidgets.QListWidgetItem(itemText, self) item.setFlags(QtCore.Qt.ItemIsSelectable | QtCore.Qt.ItemIsDragEnabled | QtCore.Qt.ItemIsDropEnabled) event.acceptProposedAction() if __name__ == '__main__': app = QtWidgets.QApplication([]) win = QtWidgets.QWidget() layout = QtWidgets.QVBoxLayout(win) listWidget = MyListWidget(win) listWidget.addItem('item1') listWidget.addItem('item2') listWidget.addItem('item3') layout.addWidget(listWidget) win.show() app.exec_() ``` 在上面的例子中，重载了MyListWidget类，通过重载mousePressEvent()函数记录待拖拽项的数据，然后在拖拽事件中实现了拖拽的各个操作。通过这些步骤，就可以实现QListWidget的拖拽功能了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值