正文

教你轻松实现Qt无边框窗口，随意拖动无压力

/0 浏览量
0901

在Qt开发中，实现一个无边框窗口可以让应用程序看起来更加现代化和美观。同时，用户可以随意拖动窗口，提供更好的用户体验。下面，我将详细介绍如何在Qt中实现无边框窗口，并确保窗口可以随意拖动。

1. 创建无边框窗口

首先，我们需要创建一个无边框的窗口。在Qt中，我们可以通过设置窗口的样式表（StyleSheet）来实现。

#include <QApplication>
#include <QWidget>

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

    QWidget w;
    w.setStyleSheet("QWidget {border: none;}"); // 设置无边框
    w.show();

    return a.exec();
}

在上面的代码中，我们创建了一个QWidget对象，并通过setStyleSheet方法设置了无边框样式。

2. 实现窗口随意拖动

为了让窗口可以随意拖动，我们需要监听鼠标事件，并计算鼠标相对于窗口的位置。以下是实现窗口随意拖动的代码：

#include <QApplication>
#include <QWidget>
#include <QMouseEvent>

class MyWidget : public QWidget
{
public:
    MyWidget(QWidget *parent = nullptr) : QWidget(parent)
    {
        setAttribute(Qt::WA_NoSystemBackground); // 设置无边框窗口背景透明
        setAttribute(Qt::WA_TranslucentBackground); // 设置窗口背景透明
        setWindowFlags(Qt::FramelessWindowHint); // 设置无边框
    }

protected:
    void mousePressEvent(QMouseEvent *event)
    {
        if (event->button() == Qt::LeftButton)
        {
            m_dragPos = event->globalPos() - frameGeometry().topLeft();
            event->accept();
        }
    }

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

private:
    QPoint m_dragPos;
};

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

    MyWidget w;
    w.show();

    return a.exec();
}

在上面的代码中，我们创建了一个MyWidget类，继承自QWidget。在mousePressEvent和mouseMoveEvent事件处理函数中，我们监听了鼠标事件，并计算了鼠标相对于窗口的位置。当用户按下鼠标左键并移动鼠标时，窗口会跟随鼠标移动。

3. 优化窗口外观

为了使无边框窗口看起来更加美观，我们可以添加一些装饰性元素，例如窗口标题和关闭按钮。以下是一个简单的示例：

#include <QApplication>
#include <QWidget>
#include <QLabel>
#include <QPushButton>
#include <QVBoxLayout>
#include <QMouseEvent>

class MyWidget : public QWidget
{
public:
    MyWidget(QWidget *parent = nullptr) : QWidget(parent)
    {
        setAttribute(Qt::WA_NoSystemBackground);
        setAttribute(Qt::WA_TranslucentBackground);
        setWindowFlags(Qt::FramelessWindowHint);

        QVBoxLayout *layout = new QVBoxLayout(this);
        QLabel *title = new QLabel("无边框窗口", this);
        QPushButton *closeBtn = new QPushButton("关闭", this);
        layout->addWidget(title);
        layout->addWidget(closeBtn);

        connect(closeBtn, &QPushButton::clicked, this, &QWidget::close);
    }

protected:
    void mousePressEvent(QMouseEvent *event)
    {
        if (event->button() == Qt::LeftButton)
        {
            m_dragPos = event->globalPos() - frameGeometry().topLeft();
            event->accept();
        }
    }

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

private:
    QPoint m_dragPos;
};

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

    MyWidget w;
    w.show();

    return a.exec();
}

在这个示例中，我们添加了一个标题标签和一个关闭按钮。当用户点击关闭按钮时，窗口会关闭。

通过以上步骤，你可以在Qt中轻松实现一个无边框窗口，并确保窗口可以随意拖动。希望这篇文章对你有所帮助！

-- 展开阅读全文 --