在Qt中实现拖拽按钮插入指定位置并重新排序-QT开发中文网

在Qt中实现拖拽按钮插入指定位置并重新排序的功能，可以通过重写事件处理函数来实现。以下是一个简单的示例，演示如何使用 QPushButton 进行拖放，并将其插入到新位置。

示例代码

#include <QApplication>
#include <QWidget>
#include <QPushButton>
#include <QVBoxLayout>
#include <QDragEnterEvent>
#include <QDropEvent>
#include <QMimeData>
#include <QMouseEvent>

class DraggableButton : public QPushButton {
    Q_OBJECT

public:
    DraggableButton(const QString &text, QWidget *parent = nullptr)
        : QPushButton(text, parent) {
        setAcceptDrops(true);
    }

protected:
    void mousePressEvent(QMouseEvent *event) override {
        if (event->button() == Qt::LeftButton) {
            dragStartPosition = event->pos();
        }
        QPushButton::mousePressEvent(event);
    }

    void mouseMoveEvent(QMouseEvent *event) override {
        if (event->buttons() & Qt::LeftButton) {
            if ((event->pos() - dragStartPosition).manhattanLength() >= QApplication::startDragDistance()) {
                QDrag *drag = new QDrag(this);
                QMimeData *mimeData = new QMimeData;
                mimeData->setText(text());
                drag->setMimeData(mimeData);
                
                // 设置拖动图标
                drag->setHotSpot(event->pos());
                drag->exec(Qt::MoveAction);
            }
        }
        QPushButton::mouseMoveEvent(event);
    }

private:
    QPoint dragStartPosition;
};

class DragDropWidget : public QWidget {
    Q_OBJECT

public:
    DragDropWidget() {
        setAcceptDrops(true);

        layout = new QVBoxLayout(this);

        for (int i = 0; i < 5; ++i) {
            DraggableButton *button = new DraggableButton(QString("Draggable Button %1").arg(i + 1), this);
            layout->addWidget(button);
        }

        setLayout(layout);
    }

protected:
    void dragEnterEvent(QDragEnterEvent *event) override {
        if (event->mimeData()->hasText()) {
            event->acceptProposedAction();
        }
    }

    void dropEvent(QDropEvent *event) override {
        QString text = event->mimeData()->text();
        
        // 在新的位置插入新按钮
        for (int i = 0; i < layout->count(); ++i) {
            QPushButton* button = qobject_cast<QPushButton*>(layout->itemAt(i)->widget());
            if (button && button->text() == text) { // 如果目标为同名按钮则跳过
                return;
            }
            
           // 获取当前鼠标的位置相对布局的位置
           QRect rect = button ? button->geometry() : QRect(0,0,0,0); 
           QPoint posInLayout = event->pos(); 

           // 检查如果鼠标在当前按钮上方就插入到该按钮前面
           if (rect.contains(posInLayout)) { 
               auto* droppedBtn = new DraggableButton(text, this); 
               layout->insertWidget(i, droppedBtn); // 插入新按钮到指定位置
               break;
           }
       }    
       event->acceptProposedAction(); // 接受放置操作
   }

private:
   QVBoxLayout* layout;
};

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);

    DragDropWidget window;
    window.setWindowTitle("Draggable Buttons Example");
    window.resize(400, 300);

   window.show();

   return app.exec();
}

#include "main.moc"

说明

DraggableButton 类：继承自 QPushButton，重写了 mousePressEvent 和 mouseMoveEvent 方法以支持拖动。在鼠标按下时记录位置，并在移动超过一定距离后开始拖动。
DragDropWidget 类：
- 在构造函数中创建多个可拖动的按钮。
- 重写 dragEnterEvent 和 dropEvent 方法以处理按钮的放置操作。当检测到鼠标放置的位置与某个现有按钮重合时，将新按钮插入该位置之前。
动态更新布局：每次拖放之后，新添加的按钮会自动加入到垂直布局中，并根据新的顺序排列其他已有的控件。