正文

学会Qt：打造无边框可拖动窗口，轻松提升应用视觉效果

/0 浏览量
0908

在Qt中，创建一个无边框且可拖动的窗口是一种常见需求，它可以让应用程序看起来更加现代化和美观。下面，我将详细讲解如何在Qt中实现这样的窗口。

一、基本概念

在Qt中，窗口的样式可以通过设置窗口的窗口装饰（window decorations）来控制。默认情况下，Qt窗口是带有标题栏、边框和系统菜单的。要创建无边框的窗口，我们需要禁用这些装饰。

二、设置无边框窗口

首先，我们需要创建一个窗口类，继承自QWidget。然后，重写resizeEvent方法来禁用窗口的装饰。

#include <QApplication>
#include <QWidget>

class NoBorderWindow : public QWidget {
    Q_OBJECT

public:
    NoBorderWindow(QWidget *parent = nullptr) : QWidget(parent) {
        setAttribute(Qt::WA_NoSystemBackground); // 去除背景
        setWindowFlags(Qt::FramelessWindowHint); // 无边框
    }

protected:
    void resizeEvent(QResizeEvent *event) override {
        QWidget::resizeEvent(event);
        setAttribute(Qt::WA_NoSystemBackground); // 确保在窗口大小改变后仍然没有背景
    }
};

三、实现窗口拖动

为了实现窗口的拖动，我们需要监听鼠标事件。当鼠标按下时，我们记录下鼠标的位置和窗口的位置。当鼠标移动时，我们根据鼠标的新位置来更新窗口的位置。

#include <QMouseEvent>

// 在 NoBorderWindow 类中添加以下成员变量
int lastPos = 0;
int lastX = 0;
int lastY = 0;

// 在 NoBorderWindow 类中添加以下鼠标事件处理函数
void NoBorderWindow::mousePressEvent(QMouseEvent *event) {
    lastPos = event->globalPos() - this->pos();
    lastX = event->x();
    lastY = event->y();
}

void NoBorderWindow::mouseMoveEvent(QMouseEvent *event) {
    if (event->buttons() & Qt::LeftButton) {
        move(this->pos() + event->globalPos() - QPoint(lastX, lastY));
    }
}

四、美化窗口

为了进一步提升窗口的视觉效果，我们可以添加一些额外的功能，比如窗口阴影和圆角。

4.1 添加窗口阴影

在Qt中，我们可以使用QGraphicsDropShadowEffect来为窗口添加阴影。

#include <QGraphicsDropShadowEffect>

// 在 NoBorderWindow 类的构造函数中添加以下代码
QGraphicsDropShadowEffect *shadow = new QGraphicsDropShadowEffect(this);
shadow->setBlurRadius(15);
shadow->setColor(Qt::gray);
shadow->setOffset(0, 0);
setGraphicsEffect(shadow);

4.2 添加圆角

为了给窗口添加圆角，我们可以使用QGraphicsDropShadowEffect的borderRadius属性。

// 在 NoBorderWindow 类的构造函数中添加以下代码
shadow->setBorderRadius(10); // 设置圆角大小

五、总结

通过以上步骤，我们可以在Qt中创建一个无边框且可拖动的窗口，并为其添加阴影和圆角，从而提升应用程序的视觉效果。这种方法在开发现代应用程序时非常实用，可以给用户带来更好的体验。

-- 展开阅读全文 --