Pagination

上一页、页码与下一页，基于 PipsPager。

示例可交互

Pagination — Avalonia UIKit

Live demo unavailable

<PipsPager NumberOfPages="5" SelectedPageIndex="2" />

用法

带页码的 PipsPager：设置 NumberOfPages 与 SelectedPageIndex。Previous 与 Next 是带箭头和文字的 ghost compact 按钮（资源为 UIKit.Pagination.Previous 与 UIKit.Pagination.Next），页码也是 compact 按钮，当前页使用 outline。首页与末页时，两端的按钮仍然可见但处于禁用状态。尺寸：xsmall、small、large（不加则为 medium）；compact 只保留箭头，成为方形图标按钮。请在 XAML 中、模板应用之前设置样式类：PipsPager 依据它实现的第一页来确定页码列表的尺寸。页码超过 MaxVisiblePips 时滚动显示。

uikit:Pagination 根据页数生成页码按钮，并带省略号及其页码菜单。

示例

四种尺寸。

尺寸可交互

Live demo unavailable

<StackPanel Spacing="4" HorizontalAlignment="Left">
  <PipsPager Classes="xsmall" NumberOfPages="5" SelectedPageIndex="2" />
  <PipsPager Classes="small" NumberOfPages="5" SelectedPageIndex="2" />
  <PipsPager NumberOfPages="5" SelectedPageIndex="2" />
  <PipsPager Classes="large" NumberOfPages="5" SelectedPageIndex="2" />
</StackPanel>

compact 配合 small、默认尺寸以及禁用状态。

Compact可交互

Live demo unavailable

<StackPanel Spacing="4" HorizontalAlignment="Left">
  <PipsPager Classes="compact small" NumberOfPages="5" SelectedPageIndex="2" />
  <PipsPager Classes="compact" NumberOfPages="5" SelectedPageIndex="2" />
  <PipsPager Classes="compact" NumberOfPages="5" SelectedPageIndex="2" IsEnabled="False" />
</StackPanel>

Pagination

#用法

#示例

用法

示例