【转】QT布局QGridLayout QHBoxLayout QVBoxLayout简要分析！！

约定不等于承诺〃 2022-11-17 05:21 174阅读 0赞

转自：[https://blog.csdn.net/sabcdefg/article/details/106693203][https_blog.csdn.net_sabcdefg_article_details_106693203]

在分析之前,先吐槽下M$的MFC,竟然没有相对布局!(至少我不知道,每次都是使用代码控制布局),  
M$这么多年,也不发展一下,你看C\#都有相对布局...

参考精通Qt4编程（第2版）,先看看总体的布局图

![format_png][]

然后看看代码

CLoginDlg::CLoginDlg(QWidget* parent/* = NULL */) : QDialog(parent)
    {
    	//QGridLayout
    	usrLabel = new QLabel(tr("用户名:"));
        pwdLabel = new QLabel(tr("密  码:"));
    	usrLineEdit = new QLineEdit;
    	pwdLineEdit = new QLineEdit;
    	pwdLineEdit->setEchoMode(QLineEdit::Password);
    	gridLayout = new QGridLayout;
    	gridLayout->addWidget(usrLabel, 0, 0, 1, 1);
    	gridLayout->addWidget(usrLineEdit, 0, 1, 1, 3);
    	gridLayout->addWidget(pwdLabel, 1, 0, 1, 1);
    	gridLayout->addWidget(pwdLineEdit, 1, 1, 1, 3);
    
    	//QHBoxLayout
    	okBtn = new QPushButton(tr("确定"));
    	cancelBtn = new QPushButton(tr("取消"));
    	btnLayout = new QHBoxLayout;
    	btnLayout->setSpacing(60);
    	btnLayout->addWidget(okBtn);
    	btnLayout->addWidget(cancelBtn);
    
    	//QVBoxLayout
    	dlgLayout = new QVBoxLayout;
        dlgLayout->setMargin(40);
    	dlgLayout->addLayout(gridLayout);
        dlgLayout->addStretch(40);
    	dlgLayout->addLayout(btnLayout);
    	setLayout(dlgLayout);
    
    	connect(okBtn, SIGNAL(clicked()), this, SLOT(accept()));
    	connect(cancelBtn, SIGNAL(clicked()), this, SLOT(reject()));
    
    	setWindowTitle(tr("登录"));
    	resize(300, 200);
    }

这里面一共有3个布局QGridLayout/QHBoxLayout/QVBoxLayout  
看看QGridLayout

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NhYmNkZWZn_size_16_color_FFFFFF_t_70][]

局管理器gridLayout中的具体位置，其中前两个实参分别表示行和列的位置（行号和列号），后两个参数分别表示行的跨度和列的跨度  
gridLayout->addWidget(usrLineEdit, 0, 1, 1, 3);  
QHBoxLayout/QVBoxLayout比较简单,一个是水平的排,一个是垂直的排  
  
运行代码,结果如下:  
![format_png 1][]  
为了方便看,我做了标识,然后放大窗口,又做了标识  
![format_png 2][]  
![format_png 3][]  
图中的40,就是这行代码的功劳:dlgLayout->setMargin(40);  
60是这行代码的功劳:btnLayout->setSpacing(60);  
还有一行代码dlgLayout->addStretch(40),作如下解释:

> 函数QVBoxLayout：：addStretch（）函数在垂直布局管理器dlgLayout对象中加入一个大小为40的stretch，这将使得布局管理器gridLayout和btnLayout之间的默认距离设置为40，同时当上下拉伸对话框的高度时，该stretch可以自由伸缩，从而保证gridLayout和btnLayout管理器内部各窗口部件的高度以及彼此间的垂直距离保持不变。

以上,由于代码比较简单,大家也能一目了然吧.  
可以看出,字体大小并不会随着窗口的变大而变大(当然控件的高度也没有变).

文章备份地址:[https://netpt.net/forum.php?mod=viewthread&tid=37][https_netpt.net_forum.php_mod_viewthread_tid_37]

承接Windows/Linux桌面应用开发(C/C++),专业coding10年+,值得信赖.  
VC/MFC/QT  
QQ:13571089

[https_blog.csdn.net_sabcdefg_article_details_106693203]: https://blog.csdn.net/sabcdefg/article/details/106693203
[format_png]: /images/20221022/47c0a0ebbef644a8a380cefd06bb545b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NhYmNkZWZn_size_16_color_FFFFFF_t_70]: /images/20221022/f8505623819b4a39a2f4ca2ae46903a4.png
[format_png 1]: /images/20221022/073f50b440754475974bba49797fe93b.png
[format_png 2]: /images/20221022/a2d6a69484e74d9a82339669cd721b55.png
[format_png 3]: /images/20221022/7c2bff1e9e654bdd817e2c561cd8abd2.png
[https_netpt.net_forum.php_mod_viewthread_tid_37]: https://netpt.net/forum.php?mod=viewthread&tid=37&page=1&extra=#pid63