水平拖拽的流式布局

尝试用QListWiget的setFlow(QListWidget::LeftToRight);来做，效果是可以实现的，但是下方会空很高一段距离无法调整（我尝试调了很久但是没找到方法）。经过多次浏览别人的文章，选择了QT官方提供的流式布局的例子文档进行修改和使用。

#include <FlowLayout.h>

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);
}

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

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

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);
	}
}

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;
}

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

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

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

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 : qAsConst(itemList))
		size = size.expandedTo(item->minimumSize());

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

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;

	for (QLayoutItem* item : qAsConst(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;
}

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();
	}
}

void FlowLayout::setHorizontalSpacing(int hSpacing)
{
	m_hSpace = hSpacing;
}

void FlowLayout::setVerticalSpacing(int vSpacing)
{
	m_vSpace = vSpacing;
}

void FlowLayout::refreshLayout()
{
	doLayout(this->geometry(), false);
}

#pragma once
#include <QLayout>
#include <QStyle>
#include <QWidget>
/**************流式布局(官方给的例子文档)**********/
class FlowLayout : public QLayout
{
    Q_OBJECT
public:
    explicit FlowLayout(QWidget* parent, int margin = -1, int hSpacing = -1, int vSpacing = -1);
    explicit FlowLayout(int margin = -1, int hSpacing = -1, int vSpacing = -1);
    ~FlowLayout() override;

    void addItem(QLayoutItem* item) override;
    int horizontalSpacing() const;
    int verticalSpacing() const;
    Qt::Orientations expandingDirections() const override;
    bool hasHeightForWidth() const override;
    int heightForWidth(int) const override;
    int count() const override;
    QLayoutItem* itemAt(int index) const override;
    QSize minimumSize() const override;
    void setGeometry(const QRect& rect) override;
    QSize sizeHint() const override;
    QLayoutItem* takeAt(int index) override;

    // 重新调整水平/垂直方向的间距
    void setHorizontalSpacing(int hSpacing);
    void setVerticalSpacing(int vSpacing);
    // 立即刷新布局（重新设置水平/垂直方向的间距后，如果布局没有变化，可调用此接口显式刷新布局）
    void refreshLayout();

private:
    int doLayout(const QRect& rect, bool testOnly) const;
    int smartSpacing(QStyle::PixelMetric pm) const;

    QList<QLayoutItem*> itemList;
    int m_hSpace;
    int m_vSpace;
};

用法：label类型的流式

QWidget *TwoRightWnd = new QWidget(this);
FlowLayout *m_pflow = new FlowLayout();
m_pflow->setContentsMargins(0, 3, 0, 0);
m_pflow->setHorizontalSpacing(30);
m_pflow->setVerticalSpacing(20);
foreach(VMSRole item, m_InitVMSRolelist)
{
	if (item.id == I_CUR_USR.roileid)
	{
		for (int i = 0; i < item.authority.size(); i++)
		{
			QLabel* label = new QLabel("名字");
			label->setMinimumWidth(120);
			m_pflow->addWidget(label);
		}
	}
}
TwoRightWnd->setLayout(m_pflow);

checkbox类型

addRoleflow = new FlowLayout();
addRoleflow->setContentsMargins(0, 3, 0, 0);
addRoleflow->setHorizontalSpacing(30);
addRoleflow->setVerticalSpacing(20);
foreach(VMSRole item, m_InitVMSRolelist)
{
	if (item.id == I_CUR_USR.roileid)
	{
		for (int i = 0; i < item.authority.size(); i++)
		{
			if (!IntToVMSmodelPage(item.authority.at(i)).isEmpty())
			{
				QCheckBox *check = new QCheckBox(IntToVMSmodelPage(item.authority.at(i)));
				check->setChecked(m_pAllSelectCheck->isChecked());
				check->setMinimumWidth(120);
				addRoleflow->addWidget(check);
			}
		}
	}
}

刷新方法：

connect(m_pAllSelectCheck, &QCheckBox::clicked, [this]()
{
	QWidgetList widgetList;
	for (int i = 0; i < addRoleflow->count(); ++i) 
	{
		QLayoutItem* item = addRoleflow->itemAt(i);
		if (item->widget())
		{ 
			// 检查这个布局项是否有一个相关联的 widget  
			widgetList.append(item->widget()); // 如果有，则将其添加到列表中  
		}
	}

	foreach(QWidget* var, widgetList)
	{
		// 尝试将QWidget*转换为QCheckBox*  
		QCheckBox* checkBox = qobject_cast<QCheckBox*>(var);
		if (checkBox)
		{
			//设置选中情况
			checkBox->setChecked(m_pAllSelectCheck->isChecked());
		}
	}
});

效果：

缩小：