Qt常用布局
除Qt Designer支持可視化設計和布局界面之外，Qt 提供了代碼方式來進行界面布局，
以下是幾種常用的界面布局方式：
-
水平布局（QHBoxLayout）和垂直布局（QVBoxLayout）：
- QHBoxLayout和QVBoxLayout分別用于水平和垂直方向上的布局。你可以將QWidget添加到這些布局中，并設置伸展因子（stretch factor）、對齊方式（alignment）、間距（spacing）等。這兩種布局是最常見的布局方式，而且效果很好。
-
柵格布局（QGridLayout）：
- QGridLayout允許你以行和列的方式來進行布局。你可以指定每個控件所在的行、列以及占據的行數和列數，從而創建一個網格狀的布局。
-
表單布局（QFormLayout）：
- QFormLayout是用于表單輸入的布局管理器，它將標簽和輸入控件成對地進行布局，非常適合用于輸入表單等場景。
-
堆疊布局（QStackedLayout）：
- QStackedLayout可以讓你在同一個空間內進行多個頁面或控件的切換，只顯示其中一個控件，常用于實現向導式的頁面切換功能。
-
網格網格包布局（QGridLayout）：
- QGridLayout 是一個靈活的網格布局，可以非常精確地控制控件的位置以及跨度。
通過合理地選擇和使用這些不同類型的布局管理器，可以很方便地實現界面的布局，并且能夠很好地適應不同的窗口大小和語言環境。
Qt的UI設計器很方便，為什么還要手寫代碼？
-
定制化需求： UI設計器可以滿足許多通用的布局和控件需求，但是當你有一些特殊的、定制化的界面需求時，有時候需要通過手寫代碼來實現更靈活的布局和交互效果。
-
動態創建界面： 當需要動態地在程序運行時創建或修改界面元素時，代碼創建界面會更為方便。有時候一個界面的布局需要根據數據或其他條件來動態調整，這時候手寫代碼比可視化界面更靈活。
-
復雜邏輯： 一些復雜的界面邏輯、事件處理、動畫效果等可能很難通過UI設計器的可視化工具直接實現，這時候手寫代碼將更為方便。
-
團隊協作： 在團隊協作中，有時候為了維護代碼的一致性和可讀性，團隊可能會選擇采用手寫代碼的方式來創建界面。
雖然UI設計器提供了很多便利，但是它并不能完全替代手寫代碼。在實際的軟件開發過程中，通常會結合使用UI設計器和手寫代碼的方式，根據實際需求來選擇合適的方式來構建界面。
水平布局
水平布局頭文件：#include <QHBoxLayout>
創建水平布局：QHBoxLayout *layout = new QHBoxLayout(父窗口指針);
布局相關方法：
addWidget：在布局里添加一個控件addLayout：在布局里添加布局setMargin(int margin)：設置布局與其包含的控件之間的間距。setSpacing(int spacing)：設置布局內部控件之間的間距（spacing）。addSpacing(int spacing)：向布局中添加一個指定寬度的空白區域。addStretch(int stretch = 0)：向布局中添加一個伸展因子（stretch factor）。
下面是一個簡單的介紹如何在Qt中創建水平布局的步驟：
步驟1：包含必要的頭文件
#include <QHBoxLayout>
#include <QLabel>
#include <QLineEdit>
#include <QPushButton>
#include <QWidget>
步驟2：創建父級QWidget
QWidget *parentWidget = new QWidget;
步驟3：創建要放入水平布局中的控件
QLabel *label = new QLabel("Name:");
QLineEdit *lineEdit = new QLineEdit();
QPushButton *button = new QPushButton("Submit");
步驟4：創建水平布局并將控件添加到布局中
QHBoxLayout *layout = new QHBoxLayout;
layout->addWidget(label);
layout->addWidget(lineEdit);
layout->addWidget(button);
步驟5：將水平布局設置為父級QWidget的布局
parentWidget->setLayout(layout);
以上成功創建了一個包含標簽、文本框和按鈕的水平布局。當將父QWidget放置在窗口或另一個布局管理器中時，水平布局將會被正確顯示。
需要注意的是，在把控件加入到布局中時，它們會按加入的順序從左至右進行排列。如果窗口大小不夠大，控件可能會被擠到下一行。這時候可以設置伸展因子使得布局更靈活。
豎直布局
豎直布局頭文件：#include <QVBoxLayout>
創建豎直布局：QVBoxLayout *layout = new QVBoxLayout(父窗口指針);
下面是一個簡單的介紹如何在Qt中創建豎直布局的步驟：
步驟1：包含必要的頭文件
#include <QVBoxLayout>
#include <QLabel>
#include <QLineEdit>
#include <QPushButton>
#include <QWidget>
步驟2：創建父級QWidget
QWidget *parentWidget = new QWidget;
步驟3：創建要放入豎直布局中的控件
QLabel *label1 = new QLabel("Name:");
QLineEdit *lineEdit1 = new QLineEdit();
QLabel *label2 = new QLabel("Email:");
QLineEdit *lineEdit2 = new QLineEdit();
QPushButton *button = new QPushButton("Submit");
步驟4：創建豎直布局并將控件添加到布局中
QVBoxLayout *layout = new QVBoxLayout;
layout->addWidget(label1);
layout->addWidget(lineEdit1);
layout->addWidget(label2);
layout->addWidget(lineEdit2);
layout->addWidget(button);
步驟5：將豎直布局設置為父級QWidget的布局
parentWidget->setLayout(layout);
以上成功創建了一個包含標簽、文本框和按鈕的豎直布局。當將父QWidget放置在窗口或另一個布局管理器中時，豎直布局將會被正確顯示。
與水平布局類似，也可以使用一些布局的方法來調整外邊距、內部空白和添加伸展因子等。
柵格布局
使用QGridLayout來創建柵格布局，該布局將控件放置在一個二維網格內，使其在行和列中對齊。
水平布局頭文件：#include <QGridLayout>
創建水平布局：QGridLayout* layout = new QGridLayout(父窗口指針);
添加控件：addWidget()
添加布局：addLayout()
設置水平間距：setHorizontalSpacing()
設置垂直間距：setVerticalSpacing()
以下是一個簡單的介紹如何在Qt中創建柵格布局的步驟：
步驟1：包含必要的頭文件
#include <QGridLayout>
#include <QLabel>
#include <QLineEdit>
#include <QPushButton>
#include <QWidget>
步驟2：創建父級QWidget
QWidget *parentWidget = new QWidget;
步驟3：創建要放入柵格布局中的控件
QLabel *label1 = new QLabel("Name:");
QLineEdit *lineEdit1 = new QLineEdit();
QLabel *label2 = new QLabel("Email:");
QLineEdit *lineEdit2 = new QLineEdit();
QPushButton *button = new QPushButton("Submit");
步驟4：創建柵格布局并將控件添加到布局中
QGridLayout *layout = new QGridLayout;
layout->addWidget(label1, 0, 0); // 將 label1 放在第 0 行、第 0 列
layout->addWidget(lineEdit1, 0, 1); // 將 lineEdit1 放在第 0 行、第 1 列
layout->addWidget(label2, 1, 0); // 將 label2 放在第 1 行、第 0 列
layout->addWidget(lineEdit2, 1, 1); // 將 lineEdit2 放在第 1 行、第 1 列
layout->addWidget(button, 2, 0, 1, 2); // 將 button 放在第 2 行、第 0 列，并且占據2列
步驟5：將柵格布局設置為父級QWidget的布局
parentWidget->setLayout(layout);
以上創建了一個包含標簽、文本框和按鈕的柵格布局。當將父QWidget放置在窗口或另一個布局管理器中時，柵格布局將會被正確顯示。
柵格布局允許在行和列中對齊控件，并支持控件占據多個單元格。
分裂器布局
在Qt中，可以使用QSplitter類來創建分隔布局，這允許用戶在窗口內部拖動分隔器來改變子控件的大小。這對于需要動態調整子控件大小的應用程序非常有用。
下面是一個簡單的介紹，介紹如何在Qt中創建一個分隔器布局：
步驟1：需要包含必要的頭文件：
#include <QSplitter>
#include <QLabel>
#include <QTextEdit>
步驟2：使用QSplitter類來創建一個分隔器布局，并將要放置在其中的控件添加到分隔器中。
QSplitter *splitter = new QSplitter(Qt::Horizontal); // 創建一個水平分隔器QLabel *label = new QLabel("Left Panel"); // 創建一個標簽
QTextEdit *textEdit = new QTextEdit(); // 創建一個文本編輯框splitter->addWidget(label); // 將標簽放入分隔器中
splitter->addWidget(textEdit); // 將文本編輯框放入分隔器中
步驟3：將分隔器布局放入窗口的布局中，或者將其設置為窗口的主布局，以便在應用程序中顯示出來。
QVBoxLayout *mainLayout = new QVBoxLayout;
mainLayout->addWidget(splitter);
setLayout(mainLayout);
以上，當運行應用程序時，會看到一個可以拖動的分隔器，用來調整左側和右側控件的大小。
使用QSplitter可以輕松地創建分隔布局，使得窗口中的控件可以以用戶友好的方式進行動態調整大小。
布局刪除重構
在Qt中，對于已經創建的布局，如果想要刪除并重構它們，可以采取以下步驟:
- 刪除布局：首先，需要從父級QWidget中刪除已經存在的布局。
假設有一個布局對象 layout，可以使用以下代碼將其從父級QWidget中刪除：
QWidget *parentWidget = ...; // 獲取父級QWidget的指針
delete parentWidget->layout(); // 刪除父級QWidget上的布局
- 清理子控件：在刪除布局之后，需要清理掉所有在該布局中的子控件，以確保不會留下任何殘余。
QLayout *layout = parentWidget->layout(); // 獲取父級QWidget上的布局
QLayoutItem *child;
while ((child = layout->takeAt(0)) != 0) { // 逐個刪除布局中的子控件delete child->widget(); // 刪除子控件delete child; // 釋放子控件所占用的內存
}
- 重新構建布局：將刪除的布局替換為新的布局。
QVBoxLayout *newLayout = new QVBoxLayout; // 創建一個新的垂直布局
// 添加控件到新布局中
newLayout->addWidget(new QPushButton("New Button"));
newLayout->addWidget(new QLabel("New Label"));
// 將新布局設置為父級QWidget的布局
parentWidget->setLayout(newLayout);
通過上述步驟，可以將現有布局刪除并重構為一個全新的布局。這在某些情況下是非常有用的，尤其是在需要動態調整界面布局的情況下。
![LeetCode 刷題 [C++] 第45題.跳躍游戲 II](http://pic.xiahunao.cn/LeetCode 刷題 [C++] 第45題.跳躍游戲 II)
)
