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

Qt技術(shù)交流群：166830288      歡迎一起進群討論

水平、垂直、網(wǎng)格和表單布局

為您的小部件提供良好布局的最簡單方法是使用內(nèi)置布局管理器：QHBoxLayout、QVBoxLayout、QGridLayout 和 QFormLayout。 這些類繼承自QLayout，而QLayout又派生自QObject（不是 QWidget），它們負責(zé)一組小部件的幾何管理。要創(chuàng)建更復(fù)雜的布局，您可以將布局管理器相互嵌套。

QHBoxLayout 在水平行中從左到右（對于從右到左的語言，或從右到左）布置小部件。

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

QGridLayout 在二維網(wǎng)格中布置小部件，小部件可以占據(jù)多個單元格。

QFormLayout 以2列描述性標(biāo)簽字段樣式布置小部件。

在代碼中布局小部件

下面的代碼創(chuàng)建了一個 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 的代碼是相同的，除了創(chuàng)建布局的那一行。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()的第五個參數(shù)來實現(xiàn)。

QFormLayout 將在一行中添加兩個小部件，通常是一個QLabel和一個QLineEdit來創(chuàng)建表單，在同一行添加QLabel和QLineEdit會將QLineEdit設(shè)置為QLabel的好友。下面的代碼將使用 QFormLayout 將三個 QPushButtons 和一個相應(yīng)的 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();

使用布局的提示

使用布局時，在構(gòu)造子小部件時不需要傳遞父級。 布局將自動重新設(shè)置小部件的父級（使用 QWidget::setParent()），以便它們安裝了布局的小部件的子級。

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

您可以在布局上使用 addLayout() 嵌套布局； 然后內(nèi)部布局成為它插入的布局的子級。

Qt商用組件推薦

• QtitanRibbon - Ribbon UI組件：是一款遵循Microsoft Ribbon UI Paradigm for Qt技術(shù)的Ribbon UI組件，QtitanRibbon致力于為Windows、Linux和Mac OS X提供功能完整的Ribbon組件。
• QtitanChart - Qt類圖表組件：是一個C ++庫，代表一組控件，這些控件使您可以快速地為應(yīng)用程序提供漂亮而豐富的圖表。
• QtitanDataGrid - Qt網(wǎng)格組件：提供了一套完整的標(biāo)準(zhǔn) QTableView 函數(shù)和傳統(tǒng)組件無法實現(xiàn)的獨特功能。使您能夠?qū)⒉煌瑏碓吹母黝悢?shù)據(jù)加載到一個快速、靈活且功能強大的可編輯網(wǎng)格中，支持排序、分組、報告、創(chuàng)建帶狀列、拖放按鈕和許多其他方便的功能。
• QtitanNavigation：QtitanNavigationDesignUI 組件是一組 GUI 控件，它實現(xiàn)了菜單、導(dǎo)航框、命令欄等導(dǎo)航界面，并讓您以更少的滾動和點擊次數(shù)有效地查看所有實體（工作區(qū)、網(wǎng)格或其他項目）。
• QtitanDocking：允許您像 Visual Studio 一樣為您的偉大應(yīng)用程序配備可停靠面板和可停靠工具欄。黑色、白色、藍色調(diào)色板完全支持 Visual Studio 2019 主題！

Qt技術(shù)交流群：166830288      歡迎一起進群討論