Qt布局系統提供了一種簡單而強大的方式來自動排列小部件內的子小部件，以確保它們充分利用可用空間。

Qt技術交流群：166830288      歡迎一起進群討論

水平、垂直、網格和表單布局

為您的小部件提供良好布局的最簡單方法是使用內置布局管理器：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 主題！

Qt技術交流群：166830288      歡迎一起進群討論