harmony 鸿蒙Bubble

  • 2025-06-12
  • 浏览 (4)

Bubble

Bubbles are lightweight tips that prompt users how to perform an operation. Generally, they do not affect user operations.

tips_sub_1

How to Use

  • Use bubbles when users access a screen for the first time. A bubble points to an element or area that is closely related and tells the user how to use a function.

  • Show bubbles immediately upon user access.

21

Category

  • Bubbles not requiring user interactions

  • Bubbles requiring user interactions

Bubbles Not Requiring User Interactions

  • Only up or down arrows can be used.

  • The prompt text must be concise and clear to avoid troubles.

  • A bubble disappears when users touch the bubble or any area on the screen.

  • No bubble appears when users access the screen not for the first time.

bubble-not-requiring-user-interactions

Bubbles Requiring User Interactions

  • Only up or down arrows can be used.

  • The prompt text must be concise and clear to avoid troubles.

  • A bubble disappears when users touch the bubble or any area on the screen.

  • No bubble appears when users access the screen not for the first time.

bubble-requiring-user-interactions

Resources

For details about the development guide related to bubbles, see Popup Control.

你可能感兴趣的鸿蒙文章

harmony 鸿蒙OpenHarmony Application UX Design Specifications

harmony 鸿蒙Adaptive Layouts

harmony 鸿蒙Animation Attributes

harmony 鸿蒙Animation Design Principles

harmony 鸿蒙Animation Overview

harmony 鸿蒙Application Navigation Structure Design

harmony 鸿蒙Application Page Structure Design

harmony 鸿蒙Application UX Design Principles

harmony 鸿蒙Annotated Drawings

harmony 鸿蒙Design Checklists

0  赞