基础能力
间距与断点
基于 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);from fluentqt.design import Spacing
layout.setSpacing(Spacing.Gap.Normal)
pad = Spacing.Padding.Card
layout.setContentsMargins(pad, pad, pad, pad)断点
Breakpoints::Small(640px)、Medium(1007px)和 Large(1920px)是调整布局用的宽度阈值,例如收起导航栏或把卡片排成一列。