系列：鸿蒙 HarmonyOS 6.1 新特性实战 · 第 39 篇Badge（徽标）用于在图标或按钮上附加消息计数、红点提醒或文字标记；Chip（标签）则用于展示可操作的关键词标签。本篇演示 Bad

系列：鸿蒙 HarmonyOS 6.1 新特性实战 · 第 38 篇Select（下拉选择器）和 TextPicker（滚筒选择器）是两种互补的选择组件：Select 适合选项多、界面紧凑的场景；Te

系列：鸿蒙 HarmonyOS 6.1 新特性实战 · 第 37 篇日期时间选择是几乎所有 App 都需要的功能。ArkUI 提供了内联式（嵌入页面）和弹窗式两种形态，分别对应 DatePicker/

系列：鸿蒙 HarmonyOS 6.1 新特性实战 · 第 36 篇Progress 组件支持 5 种不同的视觉类型，从线形到环形再到胶囊形，配合定时器可实现丝滑的进度动画。本篇完整演示所有类型，并给

系列：鸿蒙 HarmonyOS 6.1 新特性实战 · 第 35 篇Slider（滑块）和 Rating（评分）是两个高频使用的数值选择组件。Slider 适合连续值（音量、亮度、进度），Rating

系列：鸿蒙 HarmonyOS 6.1 新特性实战 · 第 34 篇选择类组件是表单开发的基础。ArkUI 提供了 Checkbox（多选框）、Radio（单选按钮）和 Toggle（开关）三类组件，

系列：鸿蒙 HarmonyOS 6.1 新特性实战 · 第 33 篇Button 是用户交互的核心入口。ArkUI 的 Button 组件提供了三种内置形状、完整的状态反馈机制、加载状态嵌入和丰富的自

系列：鸿蒙 HarmonyOS 6.1 新特性实战 · 第 32 篇图片展示是 App 开发中最常见的需求之一。ArkUI 的 Image 组件提供了 6 种缩放模式（objectFit）、骨架屏占位

系列：鸿蒙 HarmonyOS 6.1 新特性实战 · 第 31 篇Text 是 ArkUI 中使用频率最高的基础组件，也是最容易被轻视的组件。掌握它的完整 API，能让你用最少的代码写出专业的文字展

本文介绍了HarmonyOS 6.1及以上版本的ArkUI声明式布局系统，重点解析了五种核心容器组件：垂直布局的Column、水平布局的Row、层叠布局的Stack、网格布局的Grid和列表布局的List。通过代码示例展示了各组件的典型用法，包括子元素对齐、间距控制、比例分配和特殊效果实现。文章还提供了布局选择指南，对比了不同组件的适用场景，并解答了常见问题，如水平居中设置、List与Column