Pagination dots 轮播指示点
/pa-jih-NAY-shun DOTS/ · noun · 导航类模式 · #133
轮播图、新手引导页或手机主屏幕多页下面的那一排小圆点：每页一个点，当前页的点是实心或拉长的。它告诉你一共有几页、现在在第几页；在 iOS 里还可以点按当前点的两侧，或沿着这排点拖动来翻页。Apple 把这个控件叫 page control（页面控件）。
别名：指示点。
你可能会这样叫它
- “轮播图下面的小圆点”
- “显示第几张的小点”
- “主屏幕下方的页面圆点”
- “引导页下面的圆点”
……它的名字是 轮播指示点（Pagination dots）。
代码里叫什么
| UIKit | UIPageControl |
|---|---|
| SwiftUI | TabView .tabViewStyle(.page) .indexViewStyle(.page) |
| Jetpack Compose | HorizontalPager PagerState.currentPage 手机上没有圆点组件（Wear OS 的 Material 3 有 HorizontalPageIndicator）：根据 pager 的状态，每页画一个点 |
| Flutter | PageView TabPageSelector |
| Web (ARIA) | <button aria-label="Slide 2 of 4"> aria-current="true" |
| React (Swiper) | modules={[Pagination]} pagination={{ clickable: true }} |
复制给 AI 编程工具
在这个轮播图下面加上指示点：每张幻灯片一个小圆点，当前那张的点拉长成胶囊形，整排居中。每个点都做成真正的按钮，标签写“第 2 张，共 4 张”，可点区域 44px，即使圆点本身只有 8px；当前点加 aria-current。同时保留箭头或滑动切换，因为圆点又小又看不出每张是什么内容。只有一张时隐藏指示点。