正文

教你轻松设置Qt界面无边框，实现个性化窗口效果

/0 浏览量
0902

在Qt开发中，创建一个无边框的窗口可以让应用程序看起来更加现代化和简洁。下面，我将详细讲解如何在Qt中设置无边框窗口，并实现一些个性化效果。

无边框窗口的创建

首先，我们需要创建一个无边框的窗口。在Qt中，这可以通过继承QMainWindow或QWidget类并重写其createWindow()方法来实现。

1. 继承QWidget类

如果你不需要菜单栏和工具栏，可以选择继承QWidget类。

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

class NoBorderWidget : public QWidget {
public:
    NoBorderWidget(QWidget *parent = nullptr) : QWidget(parent) {
        QVBoxLayout *layout = new QVBoxLayout(this);
        QPushButton *button = new QPushButton("点击我", this);
        layout->addWidget(button);
    }

protected:
    virtual void createWindow(QWidget *window) override {
        QWidget::createWindow(window);
        window->setWindowFlags(Qt::FramelessWindowHint);
    }
};

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

2. 继承QMainWindow类

如果你需要菜单栏和工具栏，可以选择继承QMainWindow类。

#include <QApplication>
#include <QMainWindow>
#include <QVBoxLayout>
#include <QPushButton>

class NoBorderMainWindow : public QMainWindow {
public:
    NoBorderMainWindow(QWidget *parent = nullptr) : QMainWindow(parent) {
        setCentralWidget(new QWidget(this));
        QVBoxLayout *layout = new QVBoxLayout(this->centralWidget());
        QPushButton *button = new QPushButton("点击我", this->centralWidget());
        layout->addWidget(button);
    }

protected:
    virtual void createWindow(QWidget *window) override {
        QMainWindow::createWindow(window);
        window->setWindowFlags(Qt::FramelessWindowHint);
    }
};

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

个性化窗口效果

1. 设置窗口阴影

为了让无边框窗口看起来更加美观，我们可以为窗口添加阴影效果。

#include <QApplication>
#include <QWidget>
#include <QVBoxLayout>
#include <QPushButton>
#include <QGraphicsDropShadowEffect>

class NoBorderWidget : public QWidget {
public:
    NoBorderWidget(QWidget *parent = nullptr) : QWidget(parent) {
        QVBoxLayout *layout = new QVBoxLayout(this);
        QPushButton *button = new QPushButton("点击我", this);
        layout->addWidget(button);

        QGraphicsDropShadowEffect *shadow = new QGraphicsDropShadowEffect(this);
        shadow->setBlurRadius(15);
        shadow->setColor(Qt::gray);
        shadow->setXOffset(0);
        shadow->setYOffset(0);
        setGraphicsEffect(shadow);
    }

protected:
    virtual void createWindow(QWidget *window) override {
        QWidget::createWindow(window);
        window->setWindowFlags(Qt::FramelessWindowHint);
    }
};

2. 设置窗口圆角

为了使窗口看起来更加个性化，我们可以设置窗口的圆角。

#include <QApplication>
#include <QWidget>
#include <QVBoxLayout>
#include <QPushButton>
#include <QGraphicsDropShadowEffect>
#include <QStyleOption>

class NoBorderWidget : public QWidget {
public:
    NoBorderWidget(QWidget *parent = nullptr) : QWidget(parent) {
        QVBoxLayout *layout = new QVBoxLayout(this);
        QPushButton *button = new QPushButton("点击我", this);
        layout->addWidget(button);

        QGraphicsDropShadowEffect *shadow = new QGraphicsDropShadowEffect(this);
        shadow->setBlurRadius(15);
        shadow->setColor(Qt::gray);
        shadow->setXOffset(0);
        shadow->setYOffset(0);
        setGraphicsEffect(shadow);

        setWindowFlags(Qt::FramelessWindowHint | Qt::WindowCloseButtonHint | Qt::CustomizeWindowHint);
        setAttribute(Qt::WA_TranslucentBackground);

        QStyleOption windowOption;
        windowOption.initFrom(this);
        QRect rect = style()->subElementRect(QStyle::SE_Window, &windowOption, this);
        setGeometry(rect.x(), rect.y(), rect.width(), rect.height());
    }

protected:
    virtual void createWindow(QWidget *window) override {
        QWidget::createWindow(window);
        window->setWindowFlags(Qt::FramelessWindowHint);
    }
};

通过以上步骤，你可以在Qt中轻松创建一个无边框的窗口，并实现个性化效果。希望这篇文章能帮助你更好地理解Qt无边框窗口的设置。

-- 展开阅读全文 --