Qt C++自定义标题栏实现标题居中、控件分层及自适应尺寸问题

核心思路是利用QGridLayout的单元格重叠特性实现控件分层，同时借助布局的自动适配能力满足窗口缩放需求，完全不需要硬编码控件坐标。

具体实现步骤 #

1. 为自定义TitleBar设置QGridLayout作为主布局，将布局的内外边距全部设为0，保证标题栏可以填充满父容器。
2. 按层级顺序添加控件：后添加到网格同一单元格的控件层级更高，会显示在先添加的控件上方，刚好满足控制按钮显示在标题上层的需求。
3. 对不同控件设置对应的对齐规则，无需手动指定坐标即可实现固定位置排布。

代码修改示例 #

titlebar.cpp 修改后代码 #

#include "titlebar.h"
#include <QLabel>
#include <QGridLayout>
#include <QPushButton>

TitleBar::TitleBar(QWidget *parent) : QWidget(parent)
{
    // 固定标题栏高度，可按需调整
    setFixedHeight(40);
    setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Fixed);

    // 创建主网格布局
    QGridLayout *mainLayout = new QGridLayout(this);
    mainLayout->setContentsMargins(0,0,0,0);
    mainLayout->setSpacing(0);
    setLayout(mainLayout);

    // 1. 先添加标题，占满整行，居中对齐（底层）
    title->setPixmap(QPixmap(":/icons/test_logo.png"));
    title->setAlignment(Qt::AlignCenter);
    title->setScaledContents(true);
    // 参数含义：控件对象，行号，列号，占用行数，占用列数，对齐方式
    mainLayout->addWidget(title, 0, 0, 1, 3, Qt::AlignCenter);

    // 2. 添加左侧汉堡菜单（中层）
    QPushButton *hamburgerBtn = new QPushButton(this);
    hamburgerBtn->setFixedSize(40,40);
    hamburgerBtn->setIcon(QIcon(":/icons/hamburger.png"));
    hamburgerBtn->setStyleSheet("border:none;background:transparent;");
    // 绑定信号实现侧边面板弹出/收起
    connect(hamburgerBtn, &QPushButton::clicked, [=](){
        // 这里调用侧边面板的show/hide逻辑即可
    });
    mainLayout->addWidget(hamburgerBtn, 0, 0, 1, 1, Qt::AlignLeft | Qt::AlignVCenter);

    // 3. 最后添加窗口控制按钮组（顶层）
    btns->setFixedWidth(120); // 三个按钮总宽度，按需调整
    mainLayout->addWidget(btns, 0, 2, 1, 1, Qt::AlignRight | Qt::AlignVCenter);
    // 主动提升层级，避免后续新增控件挡住按钮
    btns->raise();
}

额外注意事项 #

• Windowframe_btns类的现有逻辑不需要修改，直接沿用即可。
• 如果需要调整标题栏的左右内边距，只需要修改mainLayout->setContentsMargins(左边距, 0, 右边距, 0)的对应参数即可。
• 窗口缩放时布局会自动调整控件位置：标题始终居中、汉堡按钮始终贴左、控制按钮始终贴右，完全不需要额外写resize事件处理逻辑。

内容的提问来源于stack exchange，提问作者Jack Frumkes