Qt 扁平化MainWindow以及自定义标题栏

本文介绍了如何使用Qt Designer去除MainWindow的默认标题栏,实现界面扁平化设计。内容包括创建mainwindow.h和mainwindow.cpp文件,展示了扁平化后的效果,但未涉及窗口大小变化时按钮位置动态调整的实现。
摘要由CSDN通过智能技术生成

为了构建出自己认为优雅的界面,需要将Qt自带标题栏啥的去掉。
首先使用Qt Designer创建一个MainWindow的类。

mainwindow.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>

namespace Ui {
class MainWindow;
}

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    explicit MainWindow(QWidget *parent = 0);
    ~MainWindow();

private slots:
    void on_actionMinimize_triggered();     //最小化窗口
    void on_actionClose_triggered();        //关闭窗口
    void on_actionMaximize_triggered();     //最大化窗口

protected:
    //改写QWidget的函数,自己重新实现拖动操作
    void mouseMoveEvent ( QMouseEvent * event );
    void mousePressEvent ( QMouseEvent * event );
    void mouseReleaseEvent(QMouseEvent * event);

private:
    Ui::MainWindow *ui;

    //自己重新实现拖动操作
    QPoint mousePosition;
    bool isMousePressed;

};

#endif // MAINWINDOW_H

mainwindow.cpp

#include<QMouseEvent>
#include <QToolButton>

#include "mainwindow.h"
#include "ui_mainwindow.h"

Qt中,`QMainWindow`是一个强大的窗口类,它允许你在应用程序中创建一个包含菜单、工具栏以及自定义标题栏的基本界面。如果你想要自定义`QMainWindow`的标题栏,你可以通过以下几个步骤: 1. **创建窗口**: 首先,你需要实例化一个`QMainWindow`,并设置其基本属性如窗口大小和位置。 ```cpp QMainWindow *mainWindow = new QMainWindow(); mainWindow->setMinimumSize(800, 600); mainWindow->setMaximumSize(1200, 800); ``` 2. **自定义标题栏**: `QMainWindow`有一个内置的标题栏,但你可以选择替换它,例如使用`QFrame`或`QWidget`作为基础,并添加所需的控件(如关闭、最小化和最大化按钮)。你可以通过设置布局来管理这些元素。 ```cpp QFrame *customTitleBar = new QFrame(mainWindow); customTitleBar->setObjectName("CustomTitleBar"); customTitleBar->setStyleSheet("background-color: #333; color: white; padding: 10px;"); ``` 3. **添加控件**: 在定制的框架上添加所需的功能按钮,可以使用`QPushButton`或者其他UI组件。 ```cpp QPushButton *closeButton = new QPushButton(QIcon(":/icons/close"), "", mainWindow); closeButton->setObjectName("CloseButton"); closeButton->setFixedSize(QSize(24, 24)); closeButton->.clicked.connect(&mainWindow::close); QHBoxLayout *titleBarLayout = new QHBoxLayout(customTitleBar); titleBarLayout->addWidget(closeButton); // 添加其他按钮... ``` 4. **将标题栏连接到窗口**: 将自定义标题栏添加到`QMainWindow`顶部,通常放在`QMenuBar`和`QToolBar`之上。 ```cpp mainWindow->setCentralWidget(yourCentralWidget); // 根据需要替换为实际的内容 mainWindow->setWindowTitle("My Custom App"); // 设置窗口标题 mainWindow->insertIntoLayout(customTitleBar, QVBoxLayout::Top, mainWidgetLayout); // 将自定义标题栏放置到窗口布局的顶部 ``` 完成以上步骤后,你就实现了自定义的`QMainWindow`标题栏。记得处理好信号槽连接,确保按钮的行为符合预期。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值