分页指示点导航
它用一排短小标记显示当前位于一组页面中的第几页,并提示还有多少页。
- 图片下面表示第几张的几个小点
- 滑一页亮一个点的那排圆点
- 告诉我还剩几页的小圆点
- 页面指示器
- 轮播圆点
- 分页圆点
示例
尚无经验证的示例
这条词条暂时只提供平台定义和出处,不用临时动画冒充正式内容。
Web / iOS / Android 对照
Web需自己实现
桌面与移动端现代浏览器
Page Indicator
也叫 Pagination Dots
网页没有原生分页圆点组件,需要与轮播或分页逻辑一起实现,并为当前页提供可读状态。
通常怎么做:使用按钮或状态文本;若圆点可点,每个点必须有明确的页码名称和焦点状态。
iOS原生支持
iOS / iPadOS
Page Control
SwiftUI: PageTabViewStyle|UIKit: UIPageControl
Android需自己实现
Android 手机 / 平板
Page Indicator
也叫 Pager Indicator
通用 Material 3 没有独立分页圆点组件,分页容器和指示器需要自行组合。
通常怎么做:用 HorizontalPager 的当前页状态渲染小点或文本,并确保读屏能获知页码。
使用规范
什么时候用
- 页面数量不多、顺序固定,用户通过横向滑动逐页浏览
什么时候别用
- 页面很多、每页需要直接访问,或圆点小到无法辨认和操作
容易混淆
给 AI 的提示词
这条词条还没有经过验证的实现提示词。