Skip to main content
Version: v1.0

Status bars

The status bar is displayed at the top of the screen to inform the user of the current page location and useful information such as page title, time, and battery level.

Design

Rules for use

  • The status bar is used to inform the user of the current page. It is not displayed on non-application pages. For example, Control Center, Notifications, and Shortcut Cards. Whether to cancel the display of the status bar at the top of the current page depends on the screen size limitations of wearable devices, how users utilize special or tool applications in specific scenarios, and the rationality of page layout. For example: the selector or calculator page.

Design

  • Text information in titles should be concise and clear, and the extra-long text information should be displayed in the marquee form.

Design