Fluent-Qt

滚动

PipsPager 圆点分页器

用圆点显示和切换页面。

示例

圆点分页器的真实 Gallery 示例

用法

与 FlipView 联动

setNumberOfPages() 设置页数,再把两个控件的当前页信号互相连接。

#include <FluentQt/Scrolling.h>
using namespace fluent::scrolling;

auto* flipView = new FlipView(this);
flipView->setShowPageIndicator(false);
for (QWidget* page : pages)
    flipView->addPage(page);

auto* pager = new PipsPager(this);
pager->setNumberOfPages(flipView->pageCount());
pager->setMaxVisiblePips(5);

connect(pager, &PipsPager::selectedPageIndexChanged,
        flipView, &FlipView::setCurrentIndex);
connect(flipView, &FlipView::currentIndexChanged,
        pager, &PipsPager::setSelectedPageIndex);

fluent::scrolling::PipsPager

继承自 QWidget · FluentElement · QMLPlus

带可选圆点和导航按钮的 Fluent 页码指示器。

构造函数

属性

int numberOfPages

分页器表示的总页数。

读取 numberOfPages()设置 setNumberOfPages()通知 numberOfPagesChanged()
int selectedPageIndex

当前选中的页索引。

读取 selectedPageIndex()设置 setSelectedPageIndex()通知 selectedPageIndexChanged()
int maxVisiblePips

一次最多可见的页码圆点数量。

读取 maxVisiblePips()设置 setMaxVisiblePips()通知 maxVisiblePipsChanged()
Qt::Orientation orientation

主要布局或运动方向。

读取 orientation()设置 setOrientation()通知 orientationChanged()
PipsPagerButtonVisibility previousButtonVisibility

上一页按钮的可见性模式。

读取 previousButtonVisibility()设置 setPreviousButtonVisibility()通知 previousButtonVisibilityChanged()
PipsPagerButtonVisibility nextButtonVisibility

下一页按钮的可见性模式。

读取 nextButtonVisibility()设置 setNextButtonVisibility()通知 nextButtonVisibilityChanged()
int pipCellSize

每个页码圆点保留的布局单元尺寸。

读取 pipCellSize()设置 setPipCellSize()通知 pipCellSizeChanged()
int inactivePipDiameter

未选中页码圆点直径。

读取 inactivePipDiameter()设置 setInactivePipDiameter()通知 inactivePipDiameterChanged()
int selectedPipDiameter

选中页码圆点直径。

读取 selectedPipDiameter()设置 setSelectedPipDiameter()通知 selectedPipDiameterChanged()
int navigationButtonSize

分页导航按钮尺寸。

读取 navigationButtonSize()设置 setNavigationButtonSize()通知 navigationButtonSizeChanged()
int navigationIconSize

分页导航按钮图标尺寸。

读取 navigationIconSize()设置 setNavigationIconSize()通知 navigationIconSizeChanged()
bool selectionAnimationEnabled

是否启用页码圆点选中动画。

读取 selectionAnimationEnabled()设置 setSelectionAnimationEnabled()通知 selectionAnimationEnabledChanged()
int selectionAnimationDuration

页码圆点选中动画时长,单位为毫秒。

读取 selectionAnimationDuration()设置 setSelectionAnimationDuration()通知 selectionAnimationDurationChanged()
qreal selectedVisualOffset

选中页码圆点应用的视觉偏移。

读取 selectedVisualOffset()设置 setSelectedVisualOffset()
qreal visibleWindowOffset

可见页码圆点窗口的偏移。

读取 visibleWindowOffset()设置 setVisibleWindowOffset()

方法

int numberOfPages() const

分页器表示的总页数。

void setNumberOfPages(int pages)

分页器表示的总页数。

int selectedPageIndex() const

当前选中的页索引。

void setSelectedPageIndex(int index)

当前选中的页索引。

int maxVisiblePips() const

一次最多可见的页码圆点数量。

void setMaxVisiblePips(int count)

一次最多可见的页码圆点数量。

Qt::Orientation orientation() const

主要布局或运动方向。

PipsPagerButtonVisibility nextButtonVisibility() const

下一页按钮的可见性模式。

int pipCellSize() const

每个页码圆点保留的布局单元尺寸。

void setPipCellSize(int size)

每个页码圆点保留的布局单元尺寸。

int inactivePipDiameter() const

未选中页码圆点直径。

void setInactivePipDiameter(int diameter)

未选中页码圆点直径。

int selectedPipDiameter() const

选中页码圆点直径。

int navigationButtonSize() const

分页导航按钮尺寸。

void setNavigationButtonSize(int size)

分页导航按钮尺寸。

int navigationIconSize() const

分页导航按钮图标尺寸。

void setNavigationIconSize(int size)

分页导航按钮图标尺寸。

bool selectionAnimationEnabled() const

是否启用页码圆点选中动画。

void setSelectionAnimationEnabled(bool enabled)

是否启用页码圆点选中动画。

int selectionAnimationDuration() const

页码圆点选中动画时长,单位为毫秒。

void setSelectionAnimationDuration(int durationMs)

页码圆点选中动画时长,单位为毫秒。

信号

void numberOfPagesChanged(int pages)

分页器表示的总页数。

void selectedPageIndexChanged(int index)

当前选中的页索引。

void maxVisiblePipsChanged(int count)

一次最多可见的页码圆点数量。

void pipCellSizeChanged(int size)

每个页码圆点保留的布局单元尺寸。

void inactivePipDiameterChanged(int diameter)

未选中页码圆点直径。

void navigationIconSizeChanged(int size)

分页导航按钮图标尺寸。

void selectionAnimationEnabledChanged(bool enabled)

是否启用页码圆点选中动画。

void selectionAnimationDurationChanged(int durationMs)

页码圆点选中动画时长,单位为毫秒。

枚举

enum class PipsPagerButtonVisibility
  • Collapsed
  • Visible
  • VisibleOnPointerOver

析构函数

子类扩展接口

方法

继承自 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 基类完整成员:QWidget