Qt5学习笔记之QQ登录界面四：界面布局

概述

三种布局方式：水平布局、垂直布局、栅格布局。
布局后需要调整，则通过打破布局。

步骤

1.账号、密码两个Label组件进行垂直布局，注册、登录两个Push Button组件进行水平布局。查看效果：

2.从效果图中可以看到组件间距离过近，这里就需要用到两个弹簧组件。再组件之间放置对应的水平或垂直弹簧组件：

3.对组件进行水平布局、垂直布局，可以看到效果如下：

4.组件布局完成之后，在四周放置四个弹簧组件，然后点击背景选择整个UI，此时选择栅格布局：

5.编译查看效果：

6.需要说明的两点是：
a.当布局时，图片Label因为缩小导致无法显示，这时就需要设置图片Label的最小尺寸：

b.从效果图上看，组件间隔距离过大。此时可通过调整放置的弹簧大小调整间距。鼠标选择弹簧组件，直接拖动大小即可。