Qt 是目前最先進、最完整的跨平臺C++開發工具。它不僅完全實現了一次編寫，所有平臺無差別運行，更提供了幾乎所有開發過程中需要用到的工具。如今，Qt已被運用于超過70個行業、數千家企業，支持數百萬設備及應用。

本文將展示如何為不同的窗口大小排列小部件。

流程布局實現了處理不同窗口大小的布局，小部件的位置取決于應用程序窗口的寬度。

Flowlayout類主要使用和，而Window類使用和。

在上文中（點擊這里回顧>>），我們主要介紹了FlowLayout類定義、示例運行等，本文將繼續介紹FlowLayout類實現，請繼續關注哦~

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

FlowLayout類實現

我們從構造函數開始：

FlowLayout::FlowLayout(QWidget *parent, int margin, int hSpacing, int vSpacing)
: QLayout(parent), m_hSpace(hSpacing), m_vSpace(vSpacing)
{
setContentsMargins(margin, margin, margin, margin);
}

FlowLayout::FlowLayout(int margin, int hSpacing, int vSpacing)
: m_hSpace(hSpacing), m_vSpace(vSpacing)
{
setContentsMargins(margin, margin, margin, margin);
}

在構造函數中，我們調用setContentsMargins()來設置左、上、右和下邊距。默認情況下，QLayout使用當前樣式提供的值（參見）。

FlowLayout::~FlowLayout()
{
QLayoutItem *item;
while ((item = takeAt(0)))
delete item;
}

在這個例子中，我們重新實現了addItem()，它是一個純虛函數。當使用addItem() 時，布局項的所有權被轉移到布局，因此它是布局的責任來刪除它們。

void FlowLayout::addItem(QLayoutItem *item)
{
itemList.append(item);
}

addItem()用于向布局中添加項。

int FlowLayout::horizontalSpacing() const
{
if (m_hSpace >= 0) {
return m_hSpace;
} else {
return smartSpacing(QStyle::PM_LayoutHorizontalSpacing);
}
}

int FlowLayout::verticalSpacing() const
{
if (m_vSpace >= 0) {
return m_vSpace;
} else {
return smartSpacing(QStyle::PM_LayoutVerticalSpacing);
}
}

我們實現了horizontalSpacing()和verticalSpacing() 來獲取布局中小部件之間的間距，如果該值小于或等于0，則使用此值。如果沒有，將調用smartSpacing()來計算間距。

int FlowLayout::count() const
{
return itemList.size();
}

QLayoutItem *FlowLayout::itemAt(int index) const
{
return itemList.value(index);
}

QLayoutItem *FlowLayout::takeAt(int index)
{
if (index >= 0 && index < itemList.size())
return itemList.takeAt(index);
return nullptr;
}

然后實現count()來返回布局中的項數，為了在項目列表中導航，我們使用 itemAt() 和 takeAt() 從列表中刪除和返回項目。如果一個項目被刪除，剩下的項目將重新編號，這三個函數都是來自的純虛函數。

Qt::Orientations FlowLayout::expandingDirections() const
{
return { };
}

expandingDirections()返回s，其中布局可以使用比sizeHint()更多的空間。

bool FlowLayout::hasHeightForWidth() const
{
return true;
}

int FlowLayout::heightForWidth(int width) const
{
int height = doLayout(QRect(0, 0, width, 0), true);
return height;
}

為了調整到高度依賴于寬度的小部件，我們實現了heightForWidth()。函數hasHeightForWidth()被用來測試這個依賴關系，并且heightForWidth()將寬度傳遞給doLayout()，后者反過來使用寬度作為布局矩形的參數，即項目布局的邊界，該矩形不包括布局margin()。

void FlowLayout::setGeometry(const QRect &rect)
{
QLayout::setGeometry(rect);
doLayout(rect, false);
}

QSize FlowLayout::sizeHint() const
{
return minimumSize();
}

QSize FlowLayout::minimumSize() const
{
QSize size;
for (const QLayoutItem *item : std::as_const(itemList))
size = size.expandedTo(item->minimumSize());

const QMargins margins = contentsMargins();
size += QSize(margins.left() + margins.right(), margins.top() + margins.bottom());
return size;
}

setGeometry()通常用于執行實際的布局，即計算布局項的幾何形狀。在這個例子中，它調用了doLayout()并傳遞了布局矩形。

sizeHint()返回布局的首選大小，minimumSize()返回布局的最小大小。

int FlowLayout::doLayout(const QRect &rect, bool testOnly) const
{
int left, top, right, bottom;
getContentsMargins(&left, &top, &right, &bottom);
QRect effectiveRect = rect.adjusted(+left, +top, -right, -bottom);
int x = effectiveRect.x();
int y = effectiveRect.y();
int lineHeight = 0;

如果horizontalSpacing() 或 verticalSpacing()不返回默認值，則doLayout()處理布局，它使用getContentsMargins()來計算布局項的可用面積。

for (QLayoutItem *item : std::as_const(itemList)) {
const QWidget *wid = item->widget();
int spaceX = horizontalSpacing();
if (spaceX == -1)
spaceX = wid->style()->layoutSpacing(
QSizePolicy::PushButton, QSizePolicy::PushButton, Qt::Horizontal);
int spaceY = verticalSpacing();
if (spaceY == -1)
spaceY = wid->style()->layoutSpacing(
QSizePolicy::PushButton, QSizePolicy::PushButton, Qt::Vertical);

然后，它根據當前樣式為布局中的每個小部件設置適當的間距。

int nextX = x + item->sizeHint().width() + spaceX;
if (nextX - spaceX > effectiveRect.right() && lineHeight > 0) {
x = effectiveRect.x();
y = y + lineHeight + spaceY;
nextX = x + item->sizeHint().width() + spaceX;
lineHeight = 0;
}

if (!testOnly)
item->setGeometry(QRect(QPoint(x, y), item->sizeHint()));

x = nextX;
lineHeight = qMax(lineHeight, item->sizeHint().height());
}
return y + lineHeight - rect.y() + bottom;
}

然后通過將項目寬度和行高添加到初始x和y坐標來計算布局中每個項目的位置，這反過來又讓我們知道下一項是否適合當前行，或者是否必須向下移動到下一行，我們還根據小部件的高度找到當前行的高度。

int FlowLayout::smartSpacing(QStyle::PixelMetric pm) const
{
QObject *parent = this->parent();
if (!parent) {
return -1;
} else if (parent->isWidgetType()) {
QWidget *pw = static_cast<QWidget *>(parent);
return pw->style()->pixelMetric(pm, nullptr, pw);
} else {
return static_cast<QLayout *>(parent)->spacing();
}
}

smartSpacing()被設計為獲取頂級布局或子布局的默認間距，當父組件是QWidget時，頂級布局的默認間距將通過查詢樣式來確定。當父布局為時，子布局的默認間距將通過查詢父布局的間距來確定。

Qt Widget組件推薦

• QtitanRibbon - Ribbon UI組件：是一款遵循Microsoft Ribbon UI Paradigm for Qt技術的Ribbon UI組件，QtitanRibbon致力于為Windows、Linux和Mac OS X提供功能完整的Ribbon組件。
• QtitanChart - Qt類圖表組件：是一個C ++庫，代表一組控件，這些控件使您可以快速地為應用程序提供漂亮而豐富的圖表。
• QtitanDataGrid - Qt網格組件：提供了一套完整的標準 QTableView 函數和傳統組件無法實現的獨特功能。使您能夠將不同來源的各類數據加載到一個快速、靈活且功能強大的可編輯網格中，支持排序、分組、報告、創建帶狀列、拖放按鈕和許多其他方便的功能。
• QtitanDocking：允許您像 Visual Studio 一樣為您的偉大應用程序配備可停靠面板和可停靠工具欄。黑色、白色、藍色調色板完全支持 Visual Studio 2019 主題！