- 博客(118)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 鸿蒙实战 - 资料征集分发台：收件卡片与状态保持实现
实例：资料征集分发台｜技术：ComponentV2、Slider、Toggle、TextInput、TextArea、资料流程卡片。
2026-08-21 19:45:47
163
原创 鸿蒙实战 -资料征集分发台：单列双列三列视图切换
实例：资料征集分发台｜技术：DynamicLayout、ColumnLayoutAlgorithm、GridLayoutAlgorithm、三模式切换、animateTo。
2026-08-21 19:42:54
221
原创 鸿蒙ArkTS社区活动编排板：岗位编排卡片与输入实现
实例：社区活动编排板｜技术：ComponentV2、Row 卡片、TextInput、间距切换按钮。
2026-08-21 19:41:31
187
原创 鸿蒙项目实战 - 社区活动编排板：标签云布局算法与自动换行
本文介绍了基于ArkUI的社区活动编排板实现方案，重点解析了标签云布局的核心算法。通过CustomLayoutAlgorithm的onMeasure和onLayout方法，实现了子组件超宽自动换行与垂直坐标累计的关键逻辑。文章展示了完整的动态布局实现代码，包括： 标签云布局算法类，处理测量与定位逻辑 页面入口组件，支持动态调整标签间距 代表性标签卡组件示例 技术要点在于通过maxWidth判断换行时机，并同步更新y轴累计高度，最终形成自然的标签云排列效果。该方案避免了固定列宽布局的信息利用率低问题，适合展示
2026-08-21 19:39:57
203
原创 HarmonyOS 股票 K 线图完整源码与金融图表模板
股票K线图技术解析与实现指南 本文完整解析了一个股票K线图（K-Line Chart）的实现方案，包含三大核心内容： 全量源码解读：逐段分析KLineChartPage.ets代码，涵盖数据接口定义、布局常量、坐标转换函数、绘制逻辑和触摸交互处理。 运行效果演示：展示了四种典型使用场景： 初始加载显示60根红绿K线及三条均线 触摸交互显示十字光标和OHLC数据浮层 实时反映涨跌状态 数据刷新功能 金融图表模式抽象：提炼出通用四层架构模板： 数据层（KLine数组） 坐标变换层（归一化映射） 绘制层（网格/蜡
2026-08-18 22:40:07
539
原创 ArkTS 股票 K 线图：十字光标与触摸交互
本文介绍了股票K线图的技术实现，重点讲解了触摸交互、十字光标绘制、数据浮层等核心功能。文章分为页面架构、触摸命中检测、十字光标绘制、重绘顺序、图例与信息栏、换数据交互、流程图和UI技术要点等8个部分。其中，触摸命中检测通过坐标转换实现精准定位K线；十字光标采用虚线竖线+数据浮层展示OHLC信息；绘制顺序确保交互反馈优先可见。文章还提供了完整的交互流程图和UI技术对照表，帮助开发者理解K线图的实现原理及其在生产环境中的应用价值。
2026-08-18 22:38:26
538
原创 鸿蒙股票 K 线图：坐标变换与蜡烛图绘制实战
本文介绍使用Canvas绘制股票K线图的核心技术。K线图作为金融数据可视化的进阶案例，涉及坐标变换、复合图形绘制、均线计算和交互命中检测等关键技术。文章详细讲解了数据模型构建（随机游走模拟OHLC数据）、价格域到像素域的坐标变换数学原理、蜡烛图绘制方法（影线+实体）以及均线（MA5/10/20）的计算与绘制流程。该实现采用TypeScript开发，包含涨跌颜色区分、十字光标交互等完整功能，可作为学习Canvas高级应用的典型案例。通过这个项目，开发者可以掌握金融图表的核心绘制逻辑和数据处理技巧。
2026-08-18 22:36:49
451
原创 家庭物品清单全量代码与效果：ArkTS 在 HarmonyOS 的数字收纳盒
本文介绍了一个家庭物品清单管理系统的实现，主要包括数据层和UI层的设计。数据层使用HouseholdDao.ets处理双表事务操作，包含16件物品和5条借用记录；UI层通过HouseholdPage.ets实现分类筛选、借还登记等功能。系统支持物品分类管理（如厨房、数码等）、状态筛选、借用记录查看及归还操作，并提供数据统计功能。核心功能包括：物品分类展示、借用登记、归还操作、数据刷新和删除物品等。运行效果通过卡片式布局展示物品信息，支持交互式操作，如点击筛选、滑动查看等。 （摘要字数：149字）
2026-08-16 23:58:46
172
原创 物品借还闭环：鸿蒙物品清单种子数据与清单效果
摘要 本文详细设计了一个家庭物品清单应用的种子数据方案，包含16件物品和5条借用记录，用于演示物品管理核心功能。设计要点包括： 多元化物品覆盖：分6类（厨房/家用/工具/数码/书籍/运动），每类2-3件，含不同emoji图标和存放位置 借还状态闭环：3件借出物品对应未还记录，2件已还物品状态为"在家"，实现状态与记录一致 数据关联设计：通过物品ID关联借用记录，确保外键约束 时间序列模拟：物品创建时间和借用时间按逻辑递减排列 完整验证方案：提供数据库查询、界面展示和交互操作三种验证方式 事务性演示：支持从借
2026-08-16 23:56:37
210
原创 事务借还与联表查询：ArkTS 多表操作在鸿蒙物品清单的实战
家庭物品清单技术解析 本实例重点介绍了家庭物品管理系统中的两项关键技术：事务处理和联表查询。 事务处理：在借还物品操作中，通过事务确保「借用记录」和「物品状态」更新的原子性。采用经典的事务模式： 开启事务(beginTransaction) 执行多个写操作 提交(commit)或回滚(rollBack) 联表查询：使用LEFT JOIN将借用记录与物品信息关联查询，即使物品被删除也能保留借用历史记录。相比INNER JOIN，LEFT JOIN能保留主表所有记录。 多条件查询：支持分类、位置和状态的三维组合
2026-08-16 23:55:15
204
原创 收纳格卡片风：ArkUI 让鸿蒙物品清单像收纳盒贴标
这篇文章介绍了一个家庭物品清单管理系统的UI设计，采用"收纳格卡片"风格，主要特点如下： 设计理念类似收纳盒标签，每件物品以卡片形式展示（emoji图标+名称+分类位置+状态） 核心功能包括： 分类筛选（厨房/家用/工具等） 状态切换（在家/借出） 物品卡片展示（含暖黄描边设计） 借用记录显示（最近5条） 借还登记弹窗 技术实现要点： 使用状态管理控制筛选条件和弹窗 物品卡片包含emoji、名称、分类位置、状态标签和操作按钮 界面采用橙色主题和暖黄色调，突出收纳感 特色交互： 状态切换采用"再点取消"的to
2026-08-16 23:53:36
211
原创 家庭物品的双表仓库：ArkTS 为鸿蒙物品清单设计借还结构
本文介绍了一个家庭物品清单管理应用的数据层设计与实现，核心为双表结构（物品表+借还记录表）和事务操作。物品表记录物品基本信息（名称、分类、位置等），借还表跟踪借用状态。关键设计包括： 采用"资产表+流水表"的通用结构，物品表存储静态信息，借还表记录动态流水 使用外键关联两表，并通过事务保证借还操作的原子性（写记录+改状态） 状态冗余存储策略，物品表存当前状态方便快速查询，借还表存完整历史 实现LEFT JOIN联表查询，获取借还记录时关联物品名称 设计索引优化分类筛选和关联查询性能 该设计适用于类似的物品管
2026-08-16 23:51:19
239
原创 搜索历史全量代码与效果：ArkTS 在 HarmonyOS 的极简实现
本文展示了一个完整的搜索历史记录（SearchHistory）功能实现，包含数据层和UI层代码。数据层通过SearchHistoryDao.ets实现关键词的增删改查、去重插入和LIMIT淘汰机制；UI层在SearchHistoryPage.ets中构建了包含标签流和时间线的交互界面，支持关键词搜索、历史记录展示、清空和删除操作。运行效果包括：实时显示搜索历史记录、按时间分类展示、长按删除单条记录、弹窗确认清空等交互功能。该模块已集成至应用首页，完整代码可直接编译运行。
2026-08-15 21:52:51
179
原创 十二条热词撑起榜单：鸿蒙搜索历史种子数据与标签流效果
A：均匀间隔（1/2/3/4 小时）会显得像程序生成的假数据。真实用户的搜索是「随机但近密远疏」的：1/3/5/9 小时模拟了「下午集中搜了几次、早上偶尔搜一次」的自然节奏。非均匀 + 近密远疏，时间线才有真实感。
2026-08-15 21:50:42
302
原创 去重插入与超限淘汰：ArkTS 实现鸿蒙搜索历史的 LIMIT 艺术
本文深入解析了搜索历史功能的三个核心技术实现：去重插入、超限淘汰和时间排序。通过对比"先查后改"与"INSERT OR REPLACE"两种方案，指出前者更适合需要读取旧值的场景；介绍了三种SQLite删除超限记录的方法，推荐使用子查询方式；解释了如何通过刷新时间戳实现搜索词自动上浮的交互效果。文章还提供了完整的方法矩阵、技术要点对照表和常见问题解答，帮助开发者理解如何构建高效可靠的搜索历史功能，特别是UPSERT语义实现和TOP-N记录删除的标准模式。
2026-08-15 21:44:54
415
原创 极简标签流：ArkUI 让鸿蒙搜索历史页面清爽得像热搜榜
本文介绍了一个极简风格的搜索历史页面设计，采用标签流布局提升操作效率。页面分为三层结构：标题栏（含清空功能）、搜索框和内容区。内容区包含两个核心模块：1）Flex换行布局的胶囊标签流，展示高频搜索词，支持点击重搜和长按删除；2）时间线列表，按时间倒序展示搜索记录。设计亮点包括自动换行标签、动态次数徽标、智能时间格式化以及空状态引导。该方案通过简化交互路径（点击/长按）、紧凑布局和即时反馈，实现了历史搜索的高效复用，适合移动端高频操作场景。
2026-08-15 21:42:29
331
原创 搜索历史的记忆宫殿：ArkTS 为鸿蒙搜索框设计去重与上限的表
实例：搜索历史记录（SearchHistory）｜技术：历史词表、唯一约束、SearchHistoryDao。
2026-08-15 21:40:11
534
原创 鸿蒙Crash高级捕获与异常监控：全局异常兜底/崩溃栈解析/符号表还原/智能聚类/闭环修复
文章摘要： 崩溃治理是企业应用稳定性的核心指标，需构建"捕获→聚类→定位→修复→验证"的完整闭环。通过errorManager全局兜底JS异常，结合FaultLogger记录Native崩溃，实现全链路监控。崩溃栈需符号化还原并智能聚类（按堆栈指纹、异常类型、页面等维度），优先修复高频/高影响面问题。实战中需设计崩溃上报协议，搭建监控平台，并根据影响面分级处理（P0热修/P1周级/P2排期）。最终目标是将崩溃率压至0.1%以下，形成可闭环的稳定性治理体系。 （字数：150）
2026-08-03 21:06:06
279
原创 鸿蒙日志体系高级应用：HiLog分级输出/隐私脱敏/远程日志采集/线上问题精准溯源方案
日志体系与崩溃联动实践 本文介绍了HarmonyOS应用开发中的日志规范与问题定位体系，核心内容： 日志分级规范 HiLog五级日志（DEBUG/INFO/WARN/ERROR/FATAL） 通过占位符实现隐私自动脱敏（%{private}s显示为<private>） 建议生产环境仅保留ERROR以上级别日志 隐私保护机制 内置敏感信息脱敏（手机号、身份证等） 提供掩码工具类实现业务层二次脱敏 日志文件与上报数据全链路脱敏 崩溃联动体系 本地环形缓冲区存储最近日志 崩溃时通过FaultLogger自动关联上
2026-08-03 21:03:02
295
原创 鸿蒙大型项目编译高级提速：DevEco增量编译机制/缓存策略/模块化拆分/并行编译参数调校
摘要：HarmonyOS 构建系统 Hvigor 深度优化指南 本文针对 HarmonyOS 开发中编译耗时问题，提出系统级解决方案。首先通过数据揭示编译等待对团队效率的隐性消耗（日均可达 4-6 小时），指出优化 ROI 可达 80% 效率提升。继而深入解析 Hvigor 构建系统的增量编译、缓存复用、并行构建三大核心机制，重点解决 ArkTS 重复编译的痛点。 核心优化策略： 模块化拆分：将工程拆解为 HAR/HSP 模块，隔离变更范围 缓存管理：避免配置变更导致缓存失效，实现 CI 级缓存共享 并行编
2026-08-03 21:00:50
582
原创 鸿蒙ANR卡顿高级深度解析：主线程阻塞根源/Input事件超时/消息队列积压系统性规避方案
本文深入探讨了HarmonyOS应用卡顿与ANR问题的根源及系统性解决方案。核心观点包括： 卡顿与ANR的关联性：卡顿是渐进过程，ANR是最终表现，两者源于主线程消息队列积压。 关键技术原理： 主线程单线程消息循环机制 16ms/帧的渲染预算 Input事件超时触发ANR的机制 诊断方法： 使用DevEco Profiler生成火焰图定位阻塞点 通过埋点监控主线程任务耗时 系统性解决方案： 建立主线程红线清单（禁止IO/同步网络等） 异步化改造（TaskPool+分帧处理） 交互防抖（点击/滚动节流） 长任
2026-08-03 20:58:38
403
原创 鸿蒙多线程高级编程：TaskPool/Worker/线程池/任务优先级/线程安全/并发模型最佳实践
摘要：本文深入探讨了HarmonyOS多线程编程的核心技术，包括TaskPool与Worker的选型逻辑、@Sendable线程间共享机制、Actor模型等。主线程仅适合处理UI渲染，耗时操作必须放在子线程。TaskPool适合短任务，自动管理线程池；Worker适合长任务，需手动管理。@Sendable实现零拷贝共享数据，提升性能。文章还提供了TaskPool和Worker的代码示例，强调合理使用多线程可提升性能3~10倍，同时需注意线程安全和资源管理。 （字数：150字）
2026-08-03 20:56:01
465
原创 参数管理_Flutter在鸿蒙平台路由参数最佳实践
本文介绍了Flutter社交应用中路由传参的最佳实践，主要包含以下内容： 参数管理的核心目标：提高代码质量、确保类型安全、简化参数获取、支持统一验证和持久化。 参数管理的三个层次结构：应用层（路由配置）、模块层（参数封装）、页面层（参数使用）。 六大最佳实践原则：单一职责、类型安全、不可变性、验证前置、统一入口和文档完善。 具体实现方案： 使用常量定义路由名称 封装参数类提高可维护性 通过导航工具类提供类型安全导航 使用扩展方法简化参数获取 配置完整路由表统一管理 实现全局路由守卫进行权限和参数验证 这些实
2026-07-21 14:25:01
239
原创 鸿蒙Flutter Flex布局性能优化
本文深入分析了Flutter中Flex布局的性能优化策略。首先探讨了影响性能的关键因素，包括布局计算复杂度和渲染性能。随后提出了八大优化技巧：减少Widget树深度、使用const构造函数、避免不必要的Expanded、合理设置flex值、使用RepaintBoundary隔离重绘、避免频繁重建、使用ListView.builder懒加载以及采用Sliver组件优化滚动布局。文章还介绍了Flutter Inspector、Performance Overlay等性能监控工具的使用方法，并总结了合理使用布局组
2026-07-20 11:04:36
219
原创 鸿蒙Flutter Flex嵌套布局技巧
本文介绍了Flutter中嵌套布局的实现技巧，重点探讨了Row和Column组件的灵活组合使用方式。文章首先阐述了嵌套布局的概念、用途和注意事项，强调避免过度嵌套和合理使用Expanded的重要性。随后通过代码示例展示了四种基本嵌套模式：Row嵌套Row、Column嵌套Column、Row嵌套Column以及Column嵌套Row。最后提供了两个复杂嵌套布局的实战案例：用户信息卡片和新闻卡片布局，展示了如何将这些基本模式组合运用来构建实际的UI界面。这些技巧能帮助开发者创建结构清晰、可维护的复杂布局。
2026-07-20 11:02:54
196
原创 鸿蒙Flutter Flex多子组件权重分配
本文深入解析了Flutter中Flex布局的多子组件权重分配机制。通过flex属性可按比例分配剩余空间，flex值越大占用空间比例越高。文章详细介绍了基础概念、计算公式，并通过多个代码示例演示了不同场景下的应用：包括等比例分配、不同比例分配、混合固定与弹性尺寸、动态权重调整、嵌套布局等。实际应用部分展示了导航栏、详情页、标签栏等典型布局场景中的权重分配技巧，为开发者实现响应式UI设计提供了实用指导。
2026-07-20 11:00:51
185
原创 鸿蒙Flutter Flexible与Expanded的区别
本文深入剖析了Flutter中Flexible和Expanded组件的核心区别与应用场景。两者虽然都用于Flex布局中的空间分配，但关键差异在于fit属性：Expanded强制子组件填满空间（tight），而Flexible默认允许子组件保持自身尺寸（loose）。通过对比表和行为分析，文章展示了它们在主轴/交叉轴上的不同表现，并提供了聊天气泡、动态文本等典型应用示例，帮助开发者根据实际需求选择合适组件，实现精确布局控制。
2026-07-20 10:59:00
173
原创 鸿蒙Flutter Flex响应式布局实战
本文介绍了Flutter中实现响应式布局的核心技术，包括MediaQuery、LayoutBuilder等工具的使用方法。通过多个实战示例（如基础响应式布局、自适应网格布局和新闻列表），详细展示了如何根据不同屏幕尺寸动态调整UI布局。文章强调响应式布局在多设备适配中的重要性，并提供了Flex布局系统的具体应用方案，帮助开发者构建自适应移动应用界面。
2026-07-20 10:57:29
221
原创 鸿蒙Flutter Image图片组件
Flutter Image组件使用指南 本文详细介绍了Flutter中Image组件的核心用法，涵盖网络/本地/文件/内存图片的加载方式，通过代码示例解析了width、height、fit等核心属性（如BoxFit.cover保持宽高比裁剪）。重点讲解了图片样式控制（圆角、圆形头像、边框）和高级功能（九片拉伸、文本方向适配、缓存优化），并提供了加载状态处理方案。最后展示了实际应用场景，包括圆角裁剪、渐变色叠加等UI效果实现。适合开发者快速掌握Flutter图片处理技巧。
2026-07-19 23:01:22
289
1
原创 鸿蒙Flutter Icon与IconButton
图标是用户界面中不可或缺的元素，它们能够直观地传达信息和操作意图。Icon和IconButton。Icon用于显示静态图标，而IconButton用于创建可交互的图标按钮。创建目录将字体文件（如）放入该目录在中配置：flutter:fonts:fonts:Icon和IconButton是Flutter中处理图标的核心组件。Icon组件：用于显示静态图标，支持颜色、大小等样式配置IconButton组件：用于创建可交互的图标按钮，支持点击事件、禁用状态等Material图标库。
2026-07-19 22:49:07
261
原创 鸿蒙Flutter富文本RichText
本文介绍了Flutter中RichText组件的使用方法，重点讲解了如何通过TextSpan实现富文本效果。内容包括基础用法、TextSpan属性详解（text、children、style、recognizer）、WidgetSpan嵌入图片和自定义Widget的方法，以及RichText的常用属性设置（textAlign、maxLines等）。文章还提供了实际应用示例，如带表情的文本和价格显示效果，帮助开发者快速掌握富文本的实现技巧。该组件特别适用于需要混合多种样式或嵌入Widget的文本展示场景。
2026-07-19 22:46:17
246
原创 鸿蒙Flutter TextStyle样式配置
本文详细介绍了Flutter中TextStyle类的使用方法，包括基础属性配置和高级样式设置。主要内容涵盖： 基础用法：创建TextStyle和应用到Text组件的方法 颜色配置：文本颜色(color)和背景色(backgroundColor)的设置 字体大小：fontSize和行高(height)的调整 字重与样式：fontWeight粗细和fontStyle斜体的控制 字体族：fontFamily选择和fallback机制 装饰线：多种装饰线(underline/overline等)及其样式配置 间距控
2026-07-19 22:41:20
188
原创 Flutter 鸿蒙Text组件详解
本文全面介绍了Flutter中Text组件的使用方法和技巧。内容涵盖基础用法（简单文本显示、样式设置）、核心属性详解（对齐方式、行数限制、溢出处理等）、高级功能（多行文本、可选文本、语义标签）以及实际应用示例（用户信息展示、价格显示等）。文章还提供了性能优化建议（避免重复创建样式、使用const构造）和常见问题解决方案。适用于Flutter开发者快速掌握文本显示的各种场景和优化方法，帮助构建更美观高效的UI界面。
2026-07-19 22:37:21
261
原创 单位换算小应用 - HarmonyOS ArkUI 开发实战-Select下拉与TextInput-PC版本
/ 添加自定义单位// 添加与所有现有单位的换算率let rateToUnit_1 = rateToMeter_1 / this.lengthRates_1['米-' + unit_1];技术点应用场景@State状态管理响应式数据更新Record数据结构换算率映射存储Flex布局单位按钮自动换行TextInput输入数值数据录入Stack布局结果圆形展示实时计算输入变化即时换算。
2026-06-16 14:00:46
258
原创 家庭记账本小应用 - HarmonyOS ArkUI 开发实战-Tabs与List组件-PC版本
技术点应用场景@State状态管理响应式数据更新List组件列表数据展示ForEach循环动态组件生成TextInput输入用户数据录入Button交互用户操作触发数据模型类结构化数据管理。
2026-06-16 13:41:18
429
原创 心情日记小应用 - HarmonyOS ArkUI 开发实战-Checkbox与Flex布局-PC版本
心情日记应用开发与实现 本文介绍了一款基于HarmonyOS ArkUI框架开发的心情日记小应用，主要包含以下核心内容： 应用设计理念：采用简洁温馨的界面设计，支持8种表情选择、日记记录和查看功能，帮助用户记录日常情绪变化。 技术实现方案： 使用ArkTS声明式UI开发范式 基于class定义日记数据模型 采用@State管理应用状态 实现Flex布局的表情选择器 支持列表数据渲染与操作 核心功能点： 心情表情选择与保存 日记内容输入与日期记录 历史日记列表展示 数据增删管理功能 技术特点： 响应式UI更新
2026-06-16 13:39:34
269
原创 成语接龙小应用 - HarmonyOS ArkUI 开发实战-TextInput与List列表-PC版本
摘要： 成语接龙小应用基于HarmonyOS开发，将传统文字游戏数字化，支持单人练习模式。核心功能包括成语接龙验证、得分统计和历史记录，内置20个首尾相连的常用成语库。应用采用ArkUI声明式开发，通过状态变量管理游戏数据，实现包含字数校验、首字匹配、重复检测和词库验证的四重校验逻辑。界面简洁直观，包含得分显示、当前成语、输入框和历史记录等区域，适合各年龄段用户使用。该应用展示了HarmonyOS开发中字符串处理、状态管理和游戏逻辑设计等关键技术点。
2026-06-16 13:37:43
489
原创 桌面便签小应用 - HarmonyOS ArkUI 开发实战-TextArea与Flex布局-PC版本
摘要 HarmonyOS桌面便签应用是一款基于ArkUI框架开发的电子便利贴工具，采用声明式UI设计，模拟真实便签纸的视觉效果。应用核心功能包括： 多色便签创建（5种颜色可选） 网格化布局展示 便签增删管理 数据持久化存储 技术实现上采用： 自定义NoteItem数据模型 @State状态管理 Grid+ForEach循环渲染 Stack层叠布局 数组操作方法 该应用适用于办公学习场景，解决了纸质便签易丢失的问题，同时保持了使用的直观性。通过此项目可掌握HarmonyOS应用开发的核心技术点，包括UI布局、
2026-06-16 13:35:33
274
原创 鸿蒙PC问题解决-关闭主窗口后子窗口不自动销毁问题详解
/ ✅ 推荐做法return win;});if (index!== -1) {});要点说明问题本质子窗口是独立实例，不会随主窗口自动销毁解决方案在中主动调用destroy()关键代码保存子窗口引用并在生命周期中销毁权限问题悬浮窗权限需要企业签名或使用模拟方案。
2026-06-06 10:28:37
513
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人