Fluent-Qt

基础能力

间距与断点

基于 4px 栅格的间距值和窗口宽度断点。

间距

间距值基于 4px 栅格,个别控件尺寸以及 1px、2px 描边除外。相关控件之间用 Spacing::Gap::Tight(4px)或 Normal(8px),控件组之间用 Gap::Loose(16px),区块之间用 Gap::Section(24px),卡片内边距用 Spacing::Padding::Card(16px)。标准控件高度是 Spacing::ControlHeight::Standard(32px)。

#include <FluentQt/Design.h>

layout->setSpacing(Spacing::Gap::Normal);
const int pad = Spacing::Padding::Card;
layout->setContentsMargins(pad, pad, pad, pad);

断点

Breakpoints::Small(640px)、Medium(1007px)和 Large(1920px)是调整布局用的宽度阈值,例如收起导航栏或把卡片排成一列。

API 参考