基于Qt实现可拖动自定义控件

下面是基于Qt实现可拖动自定义控件的完整攻略。

1. 编写自定义控件

首先，我们需要编写自定义控件，这个控件可以是任何类型的Qt控件，比如QWidget或QLabel等。下面以QWidget为例，代码如下：

class MyWidget : public QWidget {
public:
    MyWidget(QWidget *parent = nullptr);
};

MyWidget::MyWidget(QWidget *parent)
    : QWidget(parent)
{
    // 设置控件的背景色和大小
    this->setStyleSheet("background-color: #ffffff;"
                        "width: 100px;"
                        "height: 50px;");
}

在控件的构造函数中，我们首先调用了基类QWidget的构造函数，并设置了控件的背景色和大小。这个自定义控件的功能比较简单，只是用来展示一个白色矩形。

2. 实现可拖动功能

接下来，我们需要实现自定义控件的可拖动功能。这里我们可以借助QWidget提供的鼠标事件来实现。下面是具体的实现代码：

class MyWidget : public QWidget {
public:
    MyWidget(QWidget *parent = nullptr);

protected:
    void mousePressEvent(QMouseEvent *event) override;
    void mouseMoveEvent(QMouseEvent *event) override;

private:
    QPoint m_lastPos;
};

MyWidget::MyWidget(QWidget *parent)
    : QWidget(parent)
{
    // 设置控件的背景色和大小
    this->setStyleSheet("background-color: #ffffff;"
                        "width: 100px;"
                        "height: 50px;");
}

void MyWidget::mousePressEvent(QMouseEvent *event)
{
    // 记录鼠标按下位置
    m_lastPos = event->globalPos() - this->pos();
}

void MyWidget::mouseMoveEvent(QMouseEvent *event)
{
    // 如果左键被按下，则移动控件
    if (event->buttons() & Qt::LeftButton) {
        move(event->globalPos() - m_lastPos);
    }
}

在这里，我们重载了QWidget的两个鼠标事件：mousePressEvent和mouseMoveEvent。在mousePressEvent事件中，我们记录了鼠标按下时相对于控件的位置；在mouseMoveEvent事件中，如果左键被按下，则移动控件到鼠标的当前位置减去鼠标按下时的位置。

需要注意的是，我们使用的是globalPos而不是pos，这是因为QWidget::move函数需要的参数是窗口相对于屏幕左上角的位置。

3. 将自定义控件添加到拖动区域

最后，我们需要将自定义控件添加到拖动区域，使其可以被拖动。这里我们使用了QListWidget作为拖动区域，具体的实现代码如下：

// 创建MyWidget控件
MyWidget* widget = new MyWidget;

// 创建QListWidget控件
QListWidget* listWidget = new QListWidget;
listWidget->setFixedSize(200, 400);

// 将MyWidget添加到QListWidget中
QListWidgetItem* item = new QListWidgetItem(listWidget);
item->setSizeHint(widget->size());
listWidget->setItemWidget(item, widget);

在这里，我们创建了一个自定义控件MyWidget和一个QListWidget控件listWidget。然后，我们将MyWidget添加到listWidget中，创建一个QListWidgetItem，并通过QListWidget::setItemWidget函数将MyWidget添加到item中。

示例1：拖动QLabel控件

下面我们来看一个完整的示例，该示例利用上述攻略实现了拖动QLabel控件的功能。

详细代码如下：

#include <QtWidgets>

class MyLabel : public QLabel {
public:
    MyLabel(QWidget *parent = nullptr);

protected:
    void mousePressEvent(QMouseEvent *event) override;
    void mouseMoveEvent(QMouseEvent *event) override;

private:
    QPoint m_lastPos;
};

MyLabel::MyLabel(QWidget *parent)
    : QLabel(parent)
{
    this->setStyleSheet("background-color: #ffffff;"
                        "width: 100px;"
                        "height: 50px;");
}

void MyLabel::mousePressEvent(QMouseEvent *event)
{
    m_lastPos = event->globalPos() - this->pos();
}

void MyLabel::mouseMoveEvent(QMouseEvent *event)
{
    if (event->buttons() & Qt::LeftButton) {
        this->move(event->globalPos() - m_lastPos);
    }
}

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

    // 创建QLabel控件
    MyLabel* label = new MyLabel;
    label->setFixedSize(100, 50);

    // 创建QListWidget控件
    QListWidget* listWidget = new QListWidget;
    listWidget->setFixedSize(200, 400);

    // 将QLabel添加到QListWidget中
    QListWidgetItem* item = new QListWidgetItem(listWidget);
    item->setSizeHint(label->size());
    listWidget->setItemWidget(item, label);

    listWidget->show();
    return app.exec();
}

在这个示例程序中，我们创建了一个自定义QLabel控件MyLabel，MyLabel的功能同样是展示一个白色矩形；然后我们将MyLabel添加到QListWidget控件中，实现了MyLabel的拖动功能。

示例2：拖动多个自定义控件

这个例子展示了如何在一个QListWidget控件中拖动多个自定义控件。我们创建一个QListWidget控件，同时添加多个自定义控件到其中。

详细代码如下：

#include <QtWidgets>

class MyButton : public QPushButton {
public:
    MyButton(QWidget *parent = nullptr);

protected:
    void mousePressEvent(QMouseEvent *event) override;
    void mouseMoveEvent(QMouseEvent *event) override;

private:
    QPoint m_lastPos;
};

MyButton::MyButton(QWidget *parent)
    : QPushButton(parent)
{
    this->setStyleSheet("background-color: #ffffff;"
                        "width: 100px;"
                        "height: 50px;");
}

void MyButton::mousePressEvent(QMouseEvent *event)
{
    m_lastPos = event->globalPos() - this->pos();
}

void MyButton::mouseMoveEvent(QMouseEvent *event)
{
    if (event->buttons() & Qt::LeftButton) {
        this->move(event->globalPos() - m_lastPos);
    }
}

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

    // 创建多个MyButton控件
    QList<MyButton*> buttons;
    for (int i = 0; i < 10; i++) {
        MyButton* button = new MyButton;
        button->setFixedSize(100, 50);
        buttons.append(button);
    }

    // 创建QListWidget控件
    QListWidget* listWidget = new QListWidget;
    listWidget->setFixedSize(200, 400);

    // 将MyButton控件添加到QListWidget中
    for (int i = 0; i < buttons.size(); i++) {
        MyButton* button = buttons.at(i);
        QListWidgetItem* item = new QListWidgetItem(listWidget);
        item->setSizeHint(button->size());
        listWidget->setItemWidget(item, button);
    }

    listWidget->show();
    return app.exec();
}

在这个示例程序中，我们创建了多个自定义控件MyButton，并将它们添加到QListWidget控件中。每个自定义控件实现了拖动功能，可以进行自由拖动。

阅读剩余 79%