正文

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

/0 浏览量
0904

在Qt中创建一个无边框的窗口，并且使其能够像Windows系统中的窗口那样可以通过鼠标拖动，主要涉及到窗口的样式表（StyleSheet）和事件处理。以下是一步一步的指南，帮助你实现这一功能。

1. 创建Qt项目

首先，确保你已经安装了Qt开发环境和相应的模块。创建一个新的Qt Widgets Application项目。

2. 添加无边框窗口样式

要使窗口无边框，你需要设置窗口的样式表。以下是一个简单的样式表，它将隐藏窗口的边框和标题栏：

QString styleSheet = R"(
QWidget {
    border: none;
    background-color: white;
}

QMenuBar {
    background-color: #333;
    color: white;
}

QMenuBar::item {
    background-color: #333;
    color: white;
}

QMenuBar::item:selected {
    background-color: #555;
}
)";

将这段代码添加到你的main.cpp或者相应的样式文件中。

3. 设置窗口为无边框

在mainWindow的构造函数中，设置窗口的样式：

MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent) {
    setStyleSheet(styleSheet);
    setWindowFlags(Qt::FramelessWindowHint);
}

Qt::FramelessWindowHint标志告诉Qt不要显示窗口边框。

4. 实现拖动功能

为了实现窗口的拖动功能，你需要捕获鼠标事件，并在鼠标按下时保存当前的位置，在鼠标移动时更新窗口的位置。以下是一个简单的示例：

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

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

将这些事件处理函数添加到MainWindow类中，并确保你的窗口类继承自QMainWindow。

5. 完整示例

以下是一个完整的示例，包括上述所有步骤：

#include <QApplication>
#include <QMainWindow>
#include <QMouseEvent>
#include <QMenuBar>

class MainWindow : public QMainWindow {
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr) : QMainWindow(parent) {
        setWindowTitle("无边框窗口");
        setWindowFlags(Qt::FramelessWindowHint);

        QString styleSheet = R"(
QWidget {
    border: none;
    background-color: white;
}

QMenuBar {
    background-color: #333;
    color: white;
}

QMenuBar::item {
    background-color: #333;
    color: white;
}

QMenuBar::item:selected {
    background-color: #555;
}
)";

        setStyleSheet(styleSheet);

        QMenuBar *menuBar = new QMenuBar(this);
        QMenu *fileMenu = menuBar->addMenu("&File");
        QAction *exitAction = fileMenu->addAction("&Exit");
        connect(exitAction, &QAction::triggered, this, &MainWindow::close);
        setMenuBar(menuBar);
    }

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

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

private:
    QPoint dragPosition;
};

#include "main.moc"

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
    MainWindow mainWindow;
    mainWindow.show();
    return app.exec();
}

6. 运行和测试

编译并运行你的应用程序，你应该能够看到一个无边框的窗口，可以通过鼠标左键拖动窗口的任何位置。

通过以上步骤，你就可以创建一个类似于Windows系统风格的无边框Qt界面了。记得在实际开发中，你可能需要根据具体需求调整样式和功能。

-- 展开阅读全文 --