Badge 组件用于在目标组件上方以数字、文本或小红点的形式展示提示信息，常见于未读消息、通知角标等场景。 1. 定义 interface BadgeInterface { (params: BadgeParamWithNumber): BadgeAttribute; (params: BadgeParamWithString): BadgeAttribute; } declare interfa

想给 App 加个「选项卡」功能？ArkUI 的 Tabs + TabContent 组合，能让你轻松上手——无论是顶部切换、左侧滑动，还是自定义图文标签，都能一气呵成。下面跟我一起，用更轻松的方式领略它的魅力吧！ 一、组件一览 **Tabs**：外层容器，决定了标签栏（TabBar）的位置、滑动方式、动画效果……**TabContent**：标签对应的视图区块，每一个都要声明一个 .tabBar

1. 概述与场景 在桌面端和大屏应用中，侧边栏（Sidebar）通常用来承载导航、工具面板或目录树。ArkUI 提供了 SideBarContainer 组件，让你可以在： 嵌入模式（Embed）：侧边栏与主区域并排展示；浮层模式（Overlay）：侧边栏在主区域之上滑出覆盖； 两种模式间自由切换，并可用按钮或手势控制展开与收起。 2. 快速上手 下面示例演示如何在“浮层模式”下，通过 @Stat

在响应式界面设计中，栅格布局（Grid Layout）能帮助我们快速实现多列、多断点的经典排版。ArkUI 为我们提供了 GridContainer 组件，使得在 HarmonyOS/OpenHarmony 应用中也能轻松构建灵活的栅格系统，支持不同设备宽度下自动调整列宽和偏移。 一、GridContainer 概念 GridContainer 是一个纵向排布的 栅格布局容器，它会将内部每一行（R

层叠布局容器（Stack）详解 在 ArkUI 中，Stack 容器支持将多个子组件按照指定的对齐方式“叠放”在一起，后添加的组件覆盖在前面的组件之上。它非常适合实现卡片翻转、徽章叠加、遮罩层等场景。 一、Stack 的基本用法 interface StackInterface { (options?: { alignContent?: Alignment }): StackAttribute;