Qt布局的简单介绍

1  介绍

参考视频:https://www.bilibili.com/video/BV1XW411x7NU?p=25

布局的好处:布局之后,改变主窗口大小,其余窗口可以自适应。

2  布局分类

垂直布局

水平布局

网格布局

分裂器水平布局

分裂器垂直布局

3  举例说明

以三个按钮为例进行说明。

1)没布局的时候是这样的:

Qt布局的简单介绍_第1张图片

 2)只选择三个按钮,进行局部水平布局:

Qt布局的简单介绍_第2张图片

局部布局时,我们改变主窗口的大小,不会影响局部布局。

Qt布局的简单介绍_第3张图片

取消布局:

Qt布局的简单介绍_第4张图片

3)垂直布局

Qt布局的简单介绍_第5张图片

4)网格布局

网格布局可以任意布局,可以水平,也可以垂直。

Qt布局的简单介绍_第6张图片

5)使用分裂器水平布局

Qt布局的简单介绍_第7张图片

6)使用分裂器垂直布局

Qt布局的简单介绍_第8张图片

4  注意点

1)有时需要保持控件始终在某一位置,如我们让按钮始终保持在水平中间,可以借助水平弹簧实现。

Qt布局的简单介绍_第9张图片

2)布局属性

Qt布局的简单介绍_第10张图片

距离窗口顶部和窗口底部的举例看着不止11个像素点,为何显示只有11个像素点,因为button的sizePolicy是固定的。

Qt布局的简单介绍_第11张图片

5  练习

制作一个简易的登录界面:

Qt布局的简单介绍_第12张图片

你可能感兴趣的:(Qt布局的简单介绍)