QT 学习第十四天 QWidget布局

QT 学习十四天布局

布局管理
- Qt Widgets 布局
- 布局管理器简介
- 基本布局管理器
- 栅格布局管理器
- 窗体布局管理器
- 综合使用布局管理器
- 设置部件大小
- 可扩展窗口

布局管理

今天讲 Qt Widgets 和 Qt Quick 中的布局。
前者主要用布局管理器
后者除了布局管理器还有基于锚的布局（anchors）

Qt Widgets 布局

Qt Widgets 包含一组布局管理类，用于布局如 QLayout 的几个子类，他们被成为布局管理器。
所有 QWidget 的子类的实例都可以使用布局管理器来管理它们的子部件。
QWidget::setLayout() 就可以在一个部件上应用布局管理器。如果一个部件设置了布局管理器，他会完成以下任务。

定位子部件
感知窗口默认大小
感知窗口最小大小
窗口大小变化时进行处理
内容改变时自动更新，字体大小、文本或其他内容

讲讲 QLayout 类的几个子类。

布局管理器简介

QLayout 类时布局管理器的基类，是抽象基类，继承自 QObject 和 QLayoutltem 类。一般使用 QLayout 的子类就行。
QBoxLayout、QGridLayout、QFormLayout、QStackedLayout 都是QLayout的子类。

创建一个 QWidget 项目，在 ui 中拖入一个 Font Combo Box 和一个 Text Edit，然后选择垂直布局，右击可以选择，上边布局栏里面也有，右边第二个是拆分布局。
在这里插入图片描述
这样就完成了顶层布局管理，因为是对整个窗口设置的布局管理器，所以叫作顶层布局管理器，拉伸窗口，两个部件会随着窗口的大小变化而变化，这就是布局管理器的作用

基本布局管理器

基本布局管理器 QBoxLayout 类可以使子部件在水平方向或者垂直方向排成一列，它将所有的空间分成一行盒子，然后将每个部件放入对应盒子中。它有两个子类：**QHBoxLayout（水平布局管理器）和QVBoxLayout（垂直布局管理器）**。

下图是其使用的布局管理器的属性
在这里插入图片描述
我们用代码来设置布局。

QHBoxLayout *layout = new QHBoxLayout;     // 新建水平布局管理器
layout->addWidget(ui->fontComboBox);       // 向布局管理器中添加部件
// insertWidget() 可以向指定位置添加部件
layout->addWidget(ui->textEdit);
layout->setSpacing(50);                    // 设置部件间的间隔
layout->setContentsMargins(0, 0, 50, 100); // 设置布局管理器到边界的距离
setLayout(layout);                         // 将这个布局设置为MyWidget类的布局

栅格布局管理器

QGridLayout 栅格布局在网格中进行布局，将部件放入单元格中。我们在 ui 中拖入一个 PushButton，然后添加代码，要导入 QGridLayout。

QGridLayout *layout = new QGridLayout;
// 添加部件，从第0行0列开始，占据1行2列
layout->addWidget(ui->fontComboBox, 0, 0, 1, 2);
// 添加部件，从第0行2列开始，占据1行1列
layout->addWidget(ui->pushButton, 0, 2, 1, 1);
// 添加部件，从第1行0列开始，占据1行3列
layout->addWidget(ui->textEdit, 1, 0, 1, 3);
setLayout(layout);

要注意的是，当部件加入一个布局管理器中，然后这个布局管理器放到一个窗口部件上时，这个布局管理器以及它包含的所有部件都会自动重新定义自己的父对象(parent)为这个窗口部件，所以在创建布局管理器和其中的部件时并不用指定父部件。

窗体布局管理器

QFormLayout 类用来管理表单的输入部件和与他们相关的标签。

窗体布局管理器将它的子部件分为两列，左边是一些标签，右边是一些输入部件，比如行编辑器或数字选择框等。如果只是起到这样的布局作用，那么用QGridLayout就完全可以做到了，之所以添加QFormLayout类，是因为它有独特的功能。

在 ui 中拖入 Form Layout，在布局栏中选择也行。双击或右击选择“添加窗体布局行”。

会弹出对话框，填入标签文字“姓名(&N)：”，这样下面便自动填写了“标签名称”“字段类型”“字段名称”等，并且设置了伙伴关系。这里使用了QLineEdit行编辑器，当然也可以选择其他部件。填写的标签文字中的“(&N)”必须使用英文半角的括号，表明快捷键是Alt+N。设置伙伴关系表示当按下Alt+N时，光标会自动跳转到标签后面对应的行编辑器中。单击“确定”按钮，则会在布局管理器中添加一个标签和一个行编辑器。按照这种方法，再添加3行：性别(&S)，字段类型选择QComoBox；年龄(&A)，字段类型选择QSpinBox；邮箱(&M)，字段类型选择QLineEdit。完成后运行程序，可以按下快捷键Alt+N，这样光标就可以定位到“姓名”标签后的行编辑器中。

上面添加表单行是在设计器中完成的，其实也可以在代码中使用**addRow()**函数来完成。

综合使用布局管理器

我们从部件列表窗口中拖入一个Horizontal Layout，然后随便放两个部件进去。再从部件列表窗口中拖入一个垂直分隔符Vertical Spacer，用来在部件间产生间隔，将它放在窗体布局管理器与水平布局管理器之间。最后单击主界面并按下Ctrl+L快捷键，让整个界面处于一个垂直布局管理器中。这时可以在右上角的对象查看器中选择MyWidget对象，然后在属性编辑器的最后将layoutStretch设置为“4,1,1,10”。运行程序，可以看到分隔符是不显示的。

这里综合使用了窗体布局管理器、水平布局管理器和垂直布局管理器，其中垂直布局管理器是顶级布局管理器，因为它是主界面的布局管理器，其他两个布局管理器都包含在它里面。如果要使用代码将一个子布局管理器放入一个父布局管理器之中，可以使用父布局管理器的**addLayout()**函数。

设置部件大小

大小提示(sizeHint)和最小大小提示(minimumSizeHint)。凡是继承自QWidget的类都有这两个属性，其中sizeHint属性保存了部件的建议大小，对于不同的部件，默认拥有不同的sizeHint；而minimumSizeHint保存了一个建议的最小大小提示。可以在程序中使用sizeHint()函数来获取sizeHint的值，使用minimumSizeHint()函数获取minimumSizeHint的值。需要说明的是，如果使用setMinimumSize()函数设置了部件的最小大小，那么最小大小提示将会被忽略。这两个属性在使用布局时起到了很重要的作用。

来看一下大小策略(sizePolicy)属性，它也是QWidget类的属性。这个属性保存了部件的默认布局行为，在水平和垂直两个方向分别起作用，控制着部件在布局管理器中的大小变化行为。QSizePolicy类大小策略的取值如表所示。
在这里插入图片描述