Page indicators
Stay organized with collections
Save and categorize content based on your preferences.
![](/static/wear/images/page-indicators/Page_Indicators-Hero.png)
The HorizontalPageIndicator component is used to represent the currently active page and total pages of an overlay.
On round displays, a page indicator is curved. This behavior is implemented in the HorizontalPageIndicator
class. It is made up of one active indicator and at least one inactive indicator.
A. Inactive Indicator
B. Active Indicator
Use indicators to show users where you are in a carousel. Orient content from left to right.
Usage
![](/static/wear/images/page-indicators/Usage_View.png)
Adaptive layouts
Centre of the dot (indicator) circumference aligns near or on the circular grid for optical balance, this means the curve angle changes slightly as the screen size increases.
![](/static/wear/images/page-indicators/page-indicators-adaptive-layouts-page-indicators.png)
The pagination will always show a maximum of 6 dots, no matter the size of the screen.
Content and code samples on this page are subject to the licenses described in the Content License. Java and OpenJDK are trademarks or registered trademarks of Oracle and/or its affiliates.
Last updated 2024-07-12 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Missing the information I need"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Too complicated / too many steps"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Out of date"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Samples / code issue"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Other"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Easy to understand"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Solved my problem"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Other"
}]
{
"lastModified": "Last updated 2024-07-12 UTC.",
"confidential": False
}