Fluent-Qt

集合视图

FlowView 流式视图

按可用宽度自动换行排列条目。

示例

流式视图的真实 Gallery 示例

用法

照片流

setDefaultItemSize() 设置条目默认尺寸,自定义 delegate 绘制每个条目;宽度变窄时自动换行。

#include <FluentQt/Collections.h>
using namespace fluent::collections;

auto* flowView = new FlowView(this);
flowView->setDefaultItemSize(QSize(160, 118));
flowView->setItemDelegate(photoDelegate);
flowView->setModel(model);
flowView->setSelectionMode(FlowView::SelectionMode::Single);

fluent::collections::FlowView

继承自 QAbstractItemView · FluentElement · QMLPlus

可按行或列自动换行排列 item 的 Fluent 集合视图。

构造函数

属性

SelectionMode selectionMode

集合视图使用的选择模式。

读取 selectionMode()设置 setSelectionMode()通知 selectionModeChanged()
Typography::FontRole fontRole

文本绘制使用的 Fluent 排版角色。

读取 fontRole()设置 setFontRole()通知 fontRoleChanged()
bool borderVisible

是否绘制控件外框边线。

读取 borderVisible()设置 setBorderVisible()通知 borderVisibleChanged()
QString headerText

显示在头部区域的便捷标题文本。

读取 headerText()设置 setHeaderText()通知 headerTextChanged()
QString placeholderText

流式 model 没有可展示 item 时显示的占位文本。

读取 placeholderText()设置 setPlaceholderText()通知 placeholderTextChanged()
QSize defaultItemSize

model 未提供尺寸时使用的默认条目尺寸。

读取 defaultItemSize()设置 setDefaultItemSize()通知 defaultItemSizeChanged()
QSize minimumItemSize

流式布局允许的最小条目尺寸。

读取 minimumItemSize()设置 setMinimumItemSize()通知 minimumItemSizeChanged()
QSize maximumItemSize

流式布局允许的最大条目尺寸。

读取 maximumItemSize()设置 setMaximumItemSize()通知 maximumItemSizeChanged()
int itemSizeRole

用于解析单个条目尺寸的 model role。

读取 itemSizeRole()设置 setItemSizeRole()通知 itemSizeRoleChanged()
int horizontalSpacing

条目之间的水平间距。

读取 horizontalSpacing()设置 setHorizontalSpacing()通知 horizontalSpacingChanged()
int verticalSpacing

条目之间的垂直间距。

读取 verticalSpacing()设置 setVerticalSpacing()通知 verticalSpacingChanged()
QMargins contentMargins

控件内容区域周围的边距。

读取 contentMargins()设置 setContentMargins()通知 contentMarginsChanged()
bool viewportHovered

item-view viewport 当前是否处于悬停状态。

读取 viewportHovered()通知 viewportHoveredChanged()
bool canReorderItems

是否启用拖拽重排。

读取 canReorderItems()设置 setCanReorderItems()通知 canReorderItemsChanged()
bool scrollChainingEnabled

边界滚轮输入是否允许继续传递给外层滚动容器。

读取 isScrollChainingEnabled()设置 setScrollChainingEnabled()通知 scrollChainingEnabledChanged()
bool overscrollEnabled

滚动到边界时是否显示弹性回弹。默认开启;不希望回弹的 chrome 可关闭,使其在边界干脆停住。

读取 isOverscrollEnabled()设置 setOverscrollEnabled()通知 overscrollEnabledChanged()

方法

SelectionMode selectionMode() const

集合视图使用的选择模式。

void setSelectionMode(SelectionMode mode)

集合视图使用的选择模式。

Typography::FontRole fontRole() const

文本绘制使用的 Fluent 排版角色。

void setFontRole(Typography::FontRole role)

文本绘制使用的 Fluent 排版角色。

bool borderVisible() const

是否绘制控件外框边线。

void setBorderVisible(bool visible)

是否绘制控件外框边线。

QString headerText() const

显示在头部区域的便捷标题文本。

void setHeaderText(const QString& text)

显示在头部区域的便捷标题文本。

QString placeholderText() const

流式 model 没有可展示 item 时显示的占位文本。

void setPlaceholderText(const QString& text)

流式 model 没有可展示 item 时显示的占位文本。

QSize defaultItemSize() const

model 未提供尺寸时使用的默认条目尺寸。

void setDefaultItemSize(const QSize& size)

model 未提供尺寸时使用的默认条目尺寸。

QSize minimumItemSize() const

流式布局允许的最小条目尺寸。

void setMinimumItemSize(const QSize& size)

流式布局允许的最小条目尺寸。

QSize maximumItemSize() const

流式布局允许的最大条目尺寸。

void setMaximumItemSize(const QSize& size)

流式布局允许的最大条目尺寸。

int itemSizeRole() const

用于解析单个条目尺寸的 model role。

void setItemSizeRole(int role)

用于解析单个条目尺寸的 model role。

int horizontalSpacing() const

条目之间的水平间距。

void setHorizontalSpacing(int spacing)

条目之间的水平间距。

int verticalSpacing() const

条目之间的垂直间距。

void setVerticalSpacing(int spacing)

条目之间的垂直间距。

QMargins contentMargins() const

控件内容区域周围的边距。

void setContentMargins(const QMargins& margins)

控件内容区域周围的边距。

bool viewportHovered() const

item-view viewport 当前是否处于悬停状态。

bool canReorderItems() const

是否启用拖拽重排。

void setCanReorderItems(bool enabled)

是否启用拖拽重排。

bool isScrollChainingEnabled() const

边界滚轮输入是否允许继续传递给外层滚动容器。

void setScrollChainingEnabled(bool enabled)

边界滚轮输入是否允许继续传递给外层滚动容器。

bool isOverscrollEnabled() const

滚动到边界时是否显示弹性回弹。默认开启;不希望回弹的 chrome 可关闭,使其在边界干脆停住。

void setOverscrollEnabled(bool enabled)

滚动到边界时是否显示弹性回弹。默认开启;不希望回弹的 chrome 可关闭,使其在边界干脆停住。

信号

void selectionModeChanged()

集合视图使用的选择模式。

void fontRoleChanged()

文本绘制使用的 Fluent 排版角色。

void borderVisibleChanged()

是否绘制控件外框边线。

void headerTextChanged()

显示在头部区域的便捷标题文本。

void placeholderTextChanged()

流式 model 没有可展示 item 时显示的占位文本。

void defaultItemSizeChanged()

model 未提供尺寸时使用的默认条目尺寸。

void minimumItemSizeChanged()

流式布局允许的最小条目尺寸。

void maximumItemSizeChanged()

流式布局允许的最大条目尺寸。

void itemSizeRoleChanged()

用于解析单个条目尺寸的 model role。

void horizontalSpacingChanged()

条目之间的水平间距。

void verticalSpacingChanged()

条目之间的垂直间距。

void contentMarginsChanged()

控件内容区域周围的边距。

void viewportHoveredChanged()

item-view viewport 当前是否处于悬停状态。

void canReorderItemsChanged()

是否启用拖拽重排。

void scrollChainingEnabledChanged()

边界滚轮输入是否允许继续传递给外层滚动容器。

void overscrollEnabledChanged()

滚动到边界时是否显示弹性回弹。默认开启;不希望回弹的 chrome 可关闭,使其在边界干脆停住。

void itemClicked(int row)

与继承的 clicked() 对应,在同一次指针点击中发送一次行号。

类型与别名

析构函数

PySide6 扩展

子类扩展接口

方法

继承自 fluent::FluentElement

方法

static void setTheme(Theme theme)

更新全局主题,并通知所有活跃的 FluentElement 实例。

static void setThemeDeferred(Theme theme)

以可见元素优先的批次调度主题刷新,避免阻塞当前交互。

static Theme currentTheme()

返回当前生效的全局主题。

static bool themeUsesDarkAppearance(Theme theme)

返回指定主题是否使用暗色底的 chrome 与材质 token。

static void refreshTheme()

在设计 token 变化后重新广播当前主题以触发重绘。

static int themeGeneration()

每次主题变化自增的单调计数器,用于过期判断。

Theme effectiveTheme() const

解析此元素实际使用的主题,会优先读取 QWidget 父链上的局部主题覆盖。

bool effectiveThemeUsesDarkAppearance() const

返回此元素的实际主题是否使用暗色底 chrome。

bool setThemeOverrides(const QJsonObject& overrides)

供组件侧访问的设计 token 接口。

QJsonObject themeOverrides() const

返回当前元素的覆盖配置。

void clearThemeOverrides()

恢复全部 token 跟随全局主题。

const Colors& themeColorsRef() const

对当前色板的零拷贝访问(用于绘制热路径)。

Material::AcrylicToken themeAcrylic() const

材质、阴影和自适应布局 token。

QColor themeBackdrop(bool active) const

给定激活状态下的窗口 chrome 背景色。

virtual void onThemeUpdated()

全局主题变化后调用。

枚举

enum Theme

解析设计 token 时使用的全局视觉主题。

  • Light = 0
  • Dark = 1
  • HighContrast = 2

类型与别名

struct Colors

返回给组件使用的设计 token 快照。

继承自 fluent::QMLPlus

方法

AnchorLayout::Anchors* anchors()

返回 QWidget 宿主的可变锚点配置。

void setState(const QString& name)

应用具名 state;名称为空时恢复默认状态。

void addState(const QMLState& state)

注册或替换一个具名 state 定义。

void evaluateStates()

重新计算条件;按注册顺序选择首个成立的条件。

QMLPlusRuntime* runtime()

返回按需创建、由宿主持有的状态观察对象。

void setAnchors(const AnchorLayout::Anchors& anchors)

替换宿主的全部锚点,并使父布局失效。

void resetAnchors()

清除宿主全部锚点,并使父布局失效。

void addTransition(const StateTransition& transition)

按优先顺序注册状态过渡。

void setBehavior(const char* propertyName, const PropertyAnimation& animation)

设置宿主受管理属性写入时使用的默认动画。

void clearBehavior(const char* propertyName)

移除后续受管理写入使用的默认动画。

bool writeProperty(const char* propertyName, const QVariant& value)

通过 Behavior 写入宿主属性,且不移除该属性的绑定。

Qt 基类完整成员:QAbstractItemView