Qt画矩形并且可以拖动|极客教程

Qt画矩形并且可以拖动

在Qt中，我们可以通过QPainter来绘制矩形，并且通过事件处理实现矩形的拖动功能。下面我们将详细介绍如何在Qt程序中实现这个功能。

准备工作

在开始之前，确保你已经安装了Qt开发环境。如果没有安装，你可以在Qt官网上下载合适的版本安装。

创建一个Qt工程

首先，打开Qt Creator，创建一个新的Qt Widgets应用程序工程。在工程中包含一个QWidget子类的自定义窗口类，我们将在这个窗口中绘制矩形并实现拖动功能。

绘制矩形

在自定义窗口类的paintEvent事件函数中，通过QPainter绘制一个矩形。

void CustomWidget::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);

    painter.setBrush(Qt::blue);
    painter.drawRect(rectangle);
}

在上面的代码中，我们创建了一个QPainter对象并设置了画刷的颜色为蓝色，然后调用drawRect方法绘制矩形。

实现拖动功能

为了实现矩形的拖动功能，我们需要在自定义窗口类中重写鼠标事件函数mousePressEvent、mouseMoveEvent和mouseReleaseEvent。

void CustomWidget::mousePressEvent(QMouseEvent *event)
{
    if (rectangle.contains(event->pos()))
    {
        offset = event->pos() - rectangle.topLeft();
        isDragging = true;
    }
}

void CustomWidget::mouseMoveEvent(QMouseEvent *event)
{
    if (isDragging)
    {
        rectangle.moveTopLeft(event->pos() - offset);
        update();
    }
}

void CustomWidget::mouseReleaseEvent(QMouseEvent *event)
{
    isDragging = false;
}

在mousePressEvent中，我们判断鼠标点击的位置是否在矩形内部，如果是，则记录偏移量并将isDragging标志设置为true。在mouseMoveEvent中，当鼠标移动时，如果正在拖动矩形，则更新矩形的位置并重绘。最后，在mouseReleaseEvent中，当鼠标释放时，将isDragging标志重置为false。

在窗口中显示矩形

最后，在自定义窗口类的构造函数中创建一个矩形对象，并在窗口中显示出来。

CustomWidget::CustomWidget(QWidget *parent)
    : QWidget(parent)
{
    rectangle = QRect(100, 100, 200, 100);
}

void CustomWidget::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);

    painter.setBrush(Qt::blue);
    painter.drawRect(rectangle);
}

void CustomWidget::mousePressEvent(QMouseEvent *event)
{
    if (rectangle.contains(event->pos()))
    {
        offset = event->pos() - rectangle.topLeft();
        isDragging = true;
    }
}

现在，你已经实现了一个可以画矩形并且可以拖动的Qt程序。运行程序后，你可以在窗口中看到一个蓝色的矩形，使用鼠标点击并拖动矩形即可实现拖动功能。

通过以上步骤，你可以在Qt程序中实现画矩形并且可以拖动的功能。