如果不使用窗口布局，会带来的后果：

1. 控件可能显示不出来
2. 不能按照期望的大小显示
3. 不能跟随窗口进行缩放

常用的窗口布局方式

布局可以嵌套使用

使用拖拽控件的方式调用窗口布局

水平布局：

调整为垂直布局

使用Widget控件完成窗口布局

将控件放进去

设置布局方式：

或者使用快捷键：

布局中嵌套布局

这里我使用的是Widget的方式


拖拽进去就行

效果如下（如果看不到就放大一些）

或者对mainwindow设置一个布局方式

demo（制作登录页面）

添加控件


使用Widget做两个水平布局


看到文本编辑框左侧没有对齐

在添加一个Widget控件，使用网格布局

做一次网格布局

注意：添加的Widget不要调整大小，否则可能出现控件拖进去乱序的问题

继续添加控件

做一次布局

添加控件+做布局

添加控件+做布局

对5个水平布局做一个垂直布局


添加弹簧

先添加一个widget
将标签添加进去，做一个水平布局

添加两个水平弹簧


同理，对下面的Widget中的控件添加弹簧

设置弹簧固定的长度：

最后，在主窗口中调用登录页面窗口
(先固定一下尺寸)

在主函数中,先调用登录窗口

#include "mainwindow.h"
#include "mylogindialog.h"
#include <QApplication>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);

    myLoginDialog login;
    login.exec();

    MainWindow w;
    w.show();
    return a.exec();
}

一个小tips

左侧图标很明显的显示了控件的布局方式

布局对应的属性为：

可以使用属性对布局再次微调