摘要： 在鸿蒙应用开发中，下拉刷新是极为常见的交互需求。然而当自定义刷新组件与 List 等滚动容器嵌套时，手势冲突往往令人头疼——要么刷新组件无法下拉，要么上滑时 List 自己滚动，导致整体交互割裂。 本文将从零实现一个无手势冲突、支持自定义头部的下拉刷新组件。系统虽然提供了 Refresh 组件，但下 阅读全文

摘要： 完整源码已整理，支持凹凸咬合、精准拖拽、自动吸附、分组合并、胜利判定 HarmonyOS 5.0+，基于 Canvas + MVVM 架构 一、需求背景 前几日玩一款游戏解锁新地图需要拼图成功才能开启，正好最近也要开始设计Canvas相关的课程内容，那就用这个拼图做案例。在鸿蒙平台实现体验真实、运行 阅读全文

摘要： 本节我们将系统学习鸿蒙不等高瀑布流核心组件WaterFlow，以小红书首页为例搞懂瀑布流布局的核心规则、LazyForEach懒加载、无限滚动、性能优化等核心能力。 【学习目标】 掌握WaterFlow/FlowItem核心架构，明确与Grid/List组件的选型边界，理解瀑布流布局的核心填充规则 阅读全文

摘要： 【学习目标】 掌握Grid/GridItem组件的核心架构、父子组件约束规则，理解二维网格布局的核心逻辑 吃透Grid组件六大核心配置：行列模板、排列方向、行列间距、滚动控制、不规则布局、性能优化的完整用法 掌握不规则网格的实现方案，搞定跨行跨列布局的核心配置与开发技巧 通过示例实现固定功能九宫格、 阅读全文

摘要： 承接上一节媒体查询的核心能力，本节我们将系统学习鸿蒙官方响应式布局核心组件GridRow/GridCol，搞定「一套代码，多设备适配」的标准化解决方案。 【学习目标】 掌握 GridRow/GridCol 核心能力，理解栅格断点与媒体查询的联动逻辑 吃透 GridRow 四大核心配置：断点规则、总列 阅读全文

摘要： 【学习目标】 掌握 媒体查询的引入与Stage模型标准使用流程，理解监听句柄与生命周期管理 吃透 媒体查询完整语法规则：媒体类型、逻辑操作符、核心媒体特征 实现 横竖屏切换、深浅色模式跟随、多设备适配 三大高频响应式场景 封装 可跨页面复用的媒体查询工具类，一行代码实现状态监听 一、工程目录结构 M 阅读全文

摘要： 【学习目标】 掌握 Tabs 组件核心定位、基础结构与使用规范，理解 TabContent 的布局限制 通过示例实现底部/顶部/侧边三种标准导航布局 掌握 barMode、scrollable、animationDuration 等常用属性配置 学会自定义 TabBar、代码控制切换、切换拦截等进阶 阅读全文

摘要： 【学习目标】 掌握 双层 LazyForEach 分组架构（分组 + 列表项）； 实现 右侧字母索引栏与列表联动； 掌握 侧滑删除、修改备注 列表交互； 理解 @Observed + @ObjectLink 深层响应式； 掌握 @Reusable 正确使用规则。 一、工程目录结构 WechatCon 阅读全文

摘要： 一、为什么必须掌握LazyForEach？ 上一节我们学习的ForEach，核心逻辑是全量创建组件，即便配合List组件使用，当数据量超过100条甚至更多时，对组件数据的增删查改依然会触发组件的销毁与重建，性能表现较差。严重时会导致页面打开慢、内存占用暴涨、滑动列表卡顿掉帧，甚至应用崩溃。 而Laz 阅读全文

摘要： 【学习目标】 掌握 ForEach 循环渲染核心语法、键值生成规则与组件创建逻辑； 理解 ForEach 首次渲染与非首次渲染的差异，避免渲染异常； 规避 ForEach 常见错误（键值重复、性能损耗、数据不渲染）； 掌握 ForEach 性能优化技巧，实现高效循环渲染。 一、本节工程目录结构 Fo 阅读全文