C++界面开发框架Qt 6.x入门级教程：Qt Widget- 布局管理（二）-控件新闻-慧都网

C++界面开发框架Qt 6.x入门级教程：Qt Widget- 布局管理（二）

翻译|使用教程|编辑：龚雪|2022-04-28 10:00:32.637|阅读 162 次

概述：本文主要为大家介绍Qt 布局系统中的布局管理功能，欢迎大家下载相关组件体验！

水平、垂直、网格和表单布局

为您的小部件提供良好布局的最简单方法是使用内置布局管理器：QHBoxLayout、QVBoxLayout、QGridLayout 和 QFormLayout。这些类继承自QLayout，而QLayout又派生自QObject（不是 QWidget），它们负责一组小部件的几何管理。要创建更复杂的布局，您可以将布局管理器相互嵌套。

QHBoxLayout 在水平行中从左到右（对于从右到左的语言，或从右到左）布置小部件。

QVBoxLayout 在垂直列中从上到下布置小部件。

QGridLayout 在二维网格中布置小部件，小部件可以占据多个单元格。

QFormLayout 以2列描述性标签字段样式布置小部件。

在代码中布局小部件

下面的代码创建了一个 QHBoxLayout 来管理五个 QPushButton 的几何形状，如上面的第一个屏幕截图所示：

QWidget *window = new QWidget;
QPushButton *button1 = new QPushButton("One");
QPushButton *button2 = new QPushButton("Two");
QPushButton *button3 = new QPushButton("Three");
QPushButton *button4 = new QPushButton("Four");
QPushButton *button5 = new QPushButton("Five");

QHBoxLayout *layout = new QHBoxLayout(window);
layout->addWidget(button1);
layout->addWidget(button2);
layout->addWidget(button3);
layout->addWidget(button4);
layout->addWidget(button5);

window->show();

QVBoxLayout 的代码是相同的，除了创建布局的那一行。QGridLayout 的代码有点不同，因为我们需要指定子部件的行列位置：

QWidget *window = new QWidget;
QPushButton *button1 = new QPushButton("One");
QPushButton *button2 = new QPushButton("Two");
QPushButton *button3 = new QPushButton("Three");
QPushButton *button4 = new QPushButton("Four");
QPushButton *button5 = new QPushButton("Five");

QGridLayout *layout = new QGridLayout(window);
layout->addWidget(button1, 0, 0);
layout->addWidget(button2, 0, 1);
layout->addWidget(button3, 1, 0, 1, 2);
layout->addWidget(button4, 2, 0);
layout->addWidget(button5, 2, 1);

window->show();

第三个 QPushButton 跨越2列，这可以通过将2指定为QGridLayout::addWidget()的第五个参数来实现。

QFormLayout 将在一行中添加两个小部件，通常是一个QLabel和一个QLineEdit来创建表单，在同一行添加QLabel和QLineEdit会将QLineEdit设置为QLabel的好友。下面的代码将使用 QFormLayout 将三个 QPushButtons 和一个相应的 QLineEdit 放在一行上。

QWidget *window = new QWidget;
QPushButton *button1 = new QPushButton("One");
QLineEdit *lineEdit1 = new QLineEdit();
QPushButton *button2 = new QPushButton("Two");
QLineEdit *lineEdit2 = new QLineEdit();
QPushButton *button3 = new QPushButton("Three");
QLineEdit *lineEdit3 = new QLineEdit();

QFormLayout *layout = new QFormLayout(window);
layout->addRow(button1, lineEdit1);
layout->addRow(button2, lineEdit2);
layout->addRow(button3, lineEdit3);

window->show();

使用布局的提示

使用布局时，在构造子小部件时不需要传递父级。布局将自动重新设置小部件的父级（使用 QWidget::setParent()），以便它们安装了布局的小部件的子级。

注意：布局中的小部件是安装了布局的小部件的子级，而不是布局本身的子级。小部件只能有其他小部件作为父级，而不是布局。

您可以在布局上使用 addLayout() 嵌套布局；然后内部布局成为它插入的布局的子级。

Qt商用组件推荐

QtitanRibbon - Ribbon UI组件：是一款遵循Microsoft Ribbon UI Paradigm for Qt技术的Ribbon UI组件，QtitanRibbon致力于为Windows、Linux和Mac OS X提供功能完整的Ribbon组件。
QtitanChart - Qt类图表组件：是一个C ++库，代表一组控件，这些控件使您可以快速地为应用程序提供漂亮而丰富的图表。
QtitanDataGrid - Qt网格组件：提供了一套完整的标准 QTableView 函数和传统组件无法实现的独特功能。使您能够将不同来源的各类数据加载到一个快速、灵活且功能强大的可编辑网格中，支持排序、分组、报告、创建带状列、拖放按钮和许多其他方便的功能。
QtitanNavigation：QtitanNavigationDesignUI 组件是一组 GUI 控件，它实现了菜单、导航框、命令栏等导航界面，并让您以更少的滚动和点击次数有效地查看所有实体（工作区、网格或其他项目）。
QtitanDocking：允许您像 Visual Studio 一样为您的伟大应用程序配备可停靠面板和可停靠工具栏。黑色、白色、蓝色调色板完全支持 Visual Studio 2019 主题！