正文

如何打造像Windows系统一样无边框可拖动的Qt界面？

/0 浏览量
0916

在Qt中，创建一个无边框且可拖动的窗口界面是一个常见的需求，尤其是在开发类似Windows系统风格的桌面应用程序时。以下是如何实现这一功能的详细步骤和代码示例。

1. 设置窗口无边框

要创建一个无边框的窗口，你需要禁用窗口的标题栏和边框。这可以通过设置窗口的样式表（StyleSheet）来实现。

#include <QApplication>
#include <QWidget>

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

    QWidget window;
    window.setStyleSheet("QWidget { border: none; }");
    window.show();

    return app.exec();
}

在上面的代码中，我们通过设置QWidget的样式表为"border: none;"来移除窗口的边框。

2. 实现窗口拖动

为了使窗口可以拖动，即使没有标题栏，你需要捕获鼠标事件并计算窗口的位置。这可以通过重写QWidget的mousePressEvent、mouseMoveEvent和mouseReleaseEvent方法来实现。

#include <QMouseEvent>

void QWidget::mousePressEvent(QMouseEvent *event)
{
    if (event->button() == Qt::LeftButton) {
        m_dragging = true;
        m_dragPos = event->globalPos() - this->pos();
    }
}

void QWidget::mouseMoveEvent(QMouseEvent *event)
{
    if (m_dragging) {
        QPoint newPos = event->globalPos() - m_dragPos;
        this->move(newPos);
    }
}

void QWidget::mouseReleaseEvent(QMouseEvent *event)
{
    m_dragging = false;
}

在这段代码中，我们定义了三个事件处理函数。当用户按下鼠标左键时，我们设置m_dragging标志为true并记录下鼠标按下时的位置。在鼠标移动事件中，我们根据鼠标的新位置和记录的初始位置来移动窗口。当鼠标释放时，我们重置m_dragging标志。

3. 整合代码

将上述代码整合到一起，你将得到一个无边框且可拖动的窗口：

#include <QApplication>
#include <QWidget>

class NoBorderWindow : public QWidget
{
public:
    NoBorderWindow(QWidget *parent = nullptr) : QWidget(parent) {
        setAttribute(Qt::WA_NoSystemBackground); // 移除背景
        setAttribute(Qt::WA_TranslucentBackground); // 设置窗口透明

        connect(this, &QWidget::mousePressEvent, this, &NoBorderWindow::mousePressEvent);
        connect(this, &QWidget::mouseMoveEvent, this, &NoBorderWindow::mouseMoveEvent);
        connect(this, &QWidget::mouseReleaseEvent, this, &NoBorderWindow::mouseReleaseEvent);
    }

protected:
    void mousePressEvent(QMouseEvent *event) override {
        if (event->button() == Qt::LeftButton) {
            m_dragging = true;
            m_dragPos = event->globalPos() - this->pos();
        }
    }

    void mouseMoveEvent(QMouseEvent *event) override {
        if (m_dragging) {
            QPoint newPos = event->globalPos() - m_dragPos;
            this->move(newPos);
        }
    }

    void mouseReleaseEvent(QMouseEvent *event) override {
        m_dragging = false;
    }

private:
    bool m_dragging = false;
    QPoint m_dragPos;
};

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

    NoBorderWindow window;
    window.show();

    return app.exec();
}

4. 运行和测试

编译并运行上述代码，你应该会看到一个无边框且可以拖动的窗口。你可以尝试点击并拖动窗口来验证其可拖动性。

通过以上步骤，你就可以在Qt中创建一个类似Windows系统无边框可拖动的界面了。这种方法适用于简单的窗口，对于更复杂的界面，可能需要进一步的调整和优化。

-- 展开阅读全文 --