Pagination

由页数生成页码按钮，含省略号及其页码菜单，即 uikit:Pagination。

<StackPanel Spacing="8">
  <uikit:Pagination TotalPages="10" CurrentPage="5" />
  <uikit:Pagination TotalPages="50" CurrentPage="25" VisiblePages="7" Classes="small" />
</StackPanel>

#用法

uikit:Pagination 的外观与 Pagination 一致，并根据 TotalPages 与 CurrentPage（从 1 开始，双向绑定）生成页码按钮。页数不超过 VisiblePages（默认 5，至少 5）时显示每一页；超过后保留第一页与最后一页、当前页两侧的若干页，以及每段隐藏页码对应的一个省略号。点击省略号会打开它所隐藏页码的菜单（最多为离当前页最近的 100 页，列表超过 240px 时滚动），可跳转到其中一页。点击页码、Previous、Next 或菜单项都会设置 CurrentPage，并以旧页码与新页码触发 PageChanged。尺寸：xsmall、small、large（不加则为 medium）；compact 只保留箭头按钮。

演示包含第 5 页附近的十页，以及 small 尺寸下 VisiblePages="7" 的 50 页。

#示例

compact，分别为默认尺寸与 small。

<StackPanel Orientation="Horizontal" Spacing="16">
  <uikit:Pagination Classes="compact" TotalPages="10" CurrentPage="1" />
  <uikit:Pagination Classes="compact small" TotalPages="10" CurrentPage="4" />
</StackPanel>