手势密码解锁是很多 App 的标配——比起输密码，在九宫格上画一个图案更快也更有仪式感。ArkUI 内置了组件，开箱即用的九宫格手势识别，省去了自己实现触摸轨迹计算的麻烦。这篇文章用做一个带预设图案校验的锁屏页面，顺便讲讲这个组件的各种可配置属性。组件把九宫格手势识别这件事封装得很到位——不用自己处理触摸事件、轨迹计算、碰撞检测。做锁屏、手势密码、手势验证这些需求时，它是一个省心又好用的选择。

几乎每个应用都有搜索功能——搜商品、搜文章、搜联系人。ArkUI 提供了Search组件，集成了输入框和搜索按钮，还支持onChange实时过滤和onSubmit提交搜索。但光有个搜索框还不够，搜索历史记录、实时建议、结果展示这些配套功能也得跟上。这篇文章用一个"ArkUI 知识库搜索"的案例，把搜索功能的完整链路串起来。坑1：onChange 和 onSubmit 的职责划分onChange做实

在 App 里展示文章内容、公告通知、帮助文档，经常需要用到富文本——标题要大、正文要小、链接要蓝色、列表要有圆点。如果全靠 ArkUI 的Text组件一个一个拼样式，代码量爆炸。RichText组件提供了一条捷径——直接传入 HTML 字符串，框架自动解析渲染。支持标题、段落、列表、加粗等常见 HTML 标签。这篇文章就来玩玩这个组件。RichText是 ArkUI 里一个非常实用的组件。在需要

数据可视化是移动端应用的常见需求——展示使用时长分布、预算占比、投票结果等。如果引入第三方图表库，包体积增加不说，集成起来也要折腾一番。ArkUI 内置了一个轻量级的图表组件DataPanel，传入数据就能自动生成柱状/饼状图表。这篇文章用DataPanel做一个"应用使用时长占比"的可视化面板，支持动态更新数据。DataPanel虽然功能不如专业图表库丰富，但胜在零成本、轻量、开箱即用。做简单的

仪表盘是一种常见的数据可视化形式——CPU 使用率、汽车时速、电池电量，用半圆形的表盘来展示数值大小，直观又有科技感。ArkUI 提供了Gauge组件，几行代码就能画出一个带刻度和颜色渐变的仪表盘。这篇文章用Gauge做一个"CPU 使用率监控面板"，支持手动调整数值，并根据阈值显示不同的状态提示。Gauge组件让仪表盘这种看似复杂的可视化效果变得触手可及。不需要 Canvas 绘图，不需要第三方

ArkUI 的声明式 UI 框架能覆盖绝大多数应用界面开发需求。但有些场景——3D 渲染、游戏引擎、视频解码、OpenGL ES 绘图——需要更底层的渲染能力。这时候XComponent就派上用场了。XComponent是 ArkUI 提供的一个"特殊容器"，它可以在 ArkUI 的组件树中嵌入一块 Native 渲染区域。简单说，它就是在声明式 UI 的海洋中开了一个"原生渲染窗口"。这篇文章带

组件化是 ArkUI 开发的核心思想。系统提供的TextButtonImage是基础积木，但实际项目中总需要更高级的"预制件"——一个带标题、数值、趋势指标的数据卡片，一个带图标和标签的操作按钮。把这些模式封装成自定义组件，整个项目的开发效率和一致性都会大幅提升。这篇文章通过封装StatCard（统计数据卡片）和（快捷操作按钮）两个组件，讲讲自定义组件设计的那些门道。@Componentbuild

组件化开发的核心挑战不是"怎么拆组件"，而是"拆完之后组件之间怎么通信"。父子组件要同步数据，兄弟组件要互相影响，跨层级组件要共享状态——每种场景都有对应的最佳方案。这篇文章以一个"聊天对话"为案例，把 ArkUI 中组件间通信的主要模式梳理一遍，帮你在不同场景下做出正确选择。组件通信是组件化架构的骨架。选对通信方式，数据流自然清晰；选错了，代码就是一团乱麻。把@Prop@Link、事件回调这几种

深色模式已经从"可选"变成了"标配"。用户在晚上刷手机的时候，一个白得刺眼的页面能直接把好感度打到零。iOS 和 Android 都原生支持深色模式，HarmonyOS 也不例外。但很多场景下，我们需要在应用内提供手动切换的能力，让用户自己选。这篇文章实现一个深色/浅色主题的实时切换效果，带过渡动画，所有元素的颜色同步变化。浅色模式：- 背景色: #F5F6FA- 卡片色: #FFFFFF- 主文

前面几十篇文章逐个讲了 ArkUI 的各种组件、装饰器和技巧。这篇文章把这些知识串起来，做一个完整的仪表盘首页。这个页面包含了头部问候、Banner 横幅、统计卡片、快捷入口、最近更新列表——是典型的"功能聚合首页"。通过这个项目，你会看到@Builder@StateForEachBadge、自定义组件等知识点在实际页面中是如何配合使用的。用interface定义最近更新项的数据结构。Badge必