- 博客(53)
- 收藏
- 关注
原创 HarmonyOS应用开发实战:猫猫大作战-Form Kit 动态卡片
本文介绍了HarmonyOS中Form Kit(卡片服务)在游戏「猫猫大作战」中的应用实践。主要内容包括:通过form_config.json配置卡片基本信息(尺寸、更新频率等);使用formProvider.updateForm实现动态数据更新;卡片生命周期的关键回调处理(创建、更新、删除等)。最佳实践建议定时更新、内容精简、合理设置更新间隔,并正确注册卡片Ability。Form Kit可有效实现桌面卡片展示游戏核心数据(如高分和签到状态),通过配置、更新和定时机制提升用户体验。
2026-07-29 13:45:11
231
原创 HarmonyOS应用开发实战:猫猫大作战-ArrayBuffer 二进制缓冲区
本文介绍了JavaScript/ArkTS中的ArrayBuffer二进制数据缓冲区及其应用。ArrayBuffer是固定长度的连续内存块,适合存储二进制数据,常用于文件读写、网络传输和高效数据存储。文章讲解了ArrayBuffer的基础用法、与TypedArray视图的配合(如Int8Array、Float32Array等),以及在文件I/O中的实际应用(通过fileIo模块读写)。关键点包括:创建固定大小缓冲区、使用TypedArray进行读写操作、处理文件I/O时的字节序注意事项。ArrayBuffe
2026-07-29 13:33:29
286
原创 HarmonyOS应用开发实战:猫猫大作战-merge-detect 合并检测算法
文章摘要:本文介绍了“猫猫大作战”游戏中的合并检测算法实现。核心逻辑包括:1)全盘扫描棋盘检测同级相邻猫咪;2)四方向邻居查找;3)批量合并时的去重处理与递归检测;4)触发合并的三种时机(着陆后、升级后、新投放后)。算法采用局部检测与全盘扫描结合的方式,通过递归实现链式合并反应,同时控制最大递归深度防止性能问题。文章附带TypeScript代码片段,展示了合并检测、邻居查找和批量合并的具体实现。
2026-07-29 13:15:06
170
原创 HarmonyOS应用开发实战:猫猫大作战-wrapBuilder 的使用
本文介绍了 ArkUI 中的 wrapBuilder 工具,它能够将 @Builder 装饰的函数包装为可传递对象,适用于弹窗 API 等动态 UI 场景。文章详细讲解了其基本用法、带参数包装的实现方式,并以游戏结束弹窗为例展示了实战应用。最后对比了 wrapBuilder 与 @BuilderParam 的差异,前者适合变量传递,后者用于组件属性。该工具在「猫猫大作战」项目中解决了弹窗内容动态传递的类型约束问题,是 ArkUI 开发中的实用技巧。
2026-07-29 12:48:56
244
原创 HarmonyOS应用开发实战:猫猫大作战-setInterception 的 willShow/willPop/didShow 三种拦截回调以及实际项目
摘要: 本文介绍了HarmonyOS Navigation组件中的setInterception路由拦截机制,通过willShow(页面显示前)、willPop(返回前)、didShow(显示后)三种回调实现业务逻辑注入。以「猫猫大作战」为例,展示了登录校验(未登录跳转)、游戏状态保存及埋点统计等实际应用场景,并提醒常见陷阱(如context.name只读、多Navigation共享问题)。该机制为页面跳转提供了灵活的拦截能力,适用于权限控制、数据统计等需求。
2026-07-28 00:32:00
252
原创 HarmonyOS应用开发实战:猫猫大作战-样式抽成可复用类,一处定义、多处复用,还能针对不同状态(正常/按下/禁用)应用不同样式
本文介绍了在HarmonyOS开发中,如何使用AttributeModifier属性修饰器优化按钮样式的复用与管理。通过将样式抽离为可复用的类,开发者可以解决代码重复、修改繁琐的问题,并支持多状态(正常/按下/禁用)样式切换。文章以「猫猫大作战」游戏按钮为例,展示了定义样式类、应用样式以及处理不同交互状态的完整方案,帮助开发者提升代码复用性与维护性。AttributeModifier相比@Styles/@Extend更适合需要动态状态管理的场景。
2026-07-28 00:31:23
599
原创 HarmonyOS应用开发实战:猫猫大作战-概率生成算法
本文介绍了游戏开发中基于Math.random()的概率生成算法,重点讲解了加权随机实现方法。文章以"猫猫大作战"游戏为例,展示了如何通过条件判断实现不同等级猫咪的概率生成(小型50%、中型30%、大型20%),并提供了随机列选择的简单实现。核心要点包括:利用Math.random()生成均匀分布随机数、通过区间划分实现加权随机采样、以及随机列选择的数学处理方法。文章最后预告下一篇将探讨重力下落算法的实现。
2026-07-28 00:30:23
207
原创 HarmonyOS应用开发实战:猫猫大作战-interface 的使用
本文介绍了TypeScript/ArkTS中interface的使用,以游戏「猫猫大作战」中的Cat和ComboInfo接口为例。Cat接口定义了猫咪对象的5个属性,如唯一标识、等级、坐标等;ComboInfo接口则定义了连击信息的3个属性。通过接口可以确保数据结构的一致性和类型安全,同时实现代码的文档化。文章强调接口作为类型契约的重要性,并为下一篇关于严格模式下类型保护的讨论做了铺垫。
2026-07-28 00:29:45
163
原创 HarmonyOS应用开发实战:猫猫大作战-引擎类的职责设计、与 UI 层的解耦方式
本文以「猫猫大作战」游戏为例,探讨了游戏引擎类 GameEngine 的设计原则及其与 UI 层的协作方式。文章指出引擎类应封装核心游戏逻辑(如棋盘管理、猫咪生成、合并检测和计分),而 UI 层只负责展示数据和响应用户交互。通过清晰的职责划分(引擎管理数据,UI 通过 getter 获取只读数据)实现了业务逻辑与界面的解耦。文章还预告下篇将深入讲解棋盘二维数组的实现。
2026-07-28 00:29:08
192
原创 HarmonyOS应用开发实战:猫猫大作战-`Column` 与 `Row` 的主轴/交叉轴双轴对齐体系
摘要 本文详细解析了 Column 与 Row 布局中的主轴/交叉轴双轴对齐体系,通过「猫猫大作战」主菜单的两种对齐场景(整体居中与规则左对齐)展开说明。关键点包括: 轴系区分:Column 主轴为垂直方向(justifyContent 控制),交叉轴为水平方向(alignItems 控制);Row 则相反。 对齐枚举:HorizontalAlign(左/中/右)用于 Column 水平对齐,VerticalAlign(顶/中/底)用于 Row 垂直对齐;FlexAlign 六种模式(如 SpaceBetw
2026-07-27 23:55:06
205
原创 HarmonyOS应用开发实战:猫猫大作战-onHover 触发时机、HoverType 类型判定、与 onTouch 的差异、TV/PC 场景应用四
本文介绍了HarmonyOS中onHover事件的四大要点:1)触发时机(组件边界进入/离开);2)HoverType类型判定(布尔值或事件对象);3)与onTouch的差异(悬停vs接触);4)TV/PC场景应用(遥控器焦点/鼠标悬停)。通过「猫猫大作战」底部按钮悬停高亮案例,展示了如何为跨设备应用实现统一交互,手机端自动忽略onHover而TV/PC端提供视觉反馈。文章对比了鼠标、遥控器和手指三种输入设备的触发差异,并给出ArkTS实现代码与版本兼容性提示。
2026-07-27 23:54:16
170
原创 HarmonyOS应用开发实战:猫猫大作战-IDataSource 数据源接口、LazyForEach 按需调用机制、DataChangeListen
本文介绍了HarmonyOS中LazyForEach组件的核心机制与最佳实践。通过实现IDataSource接口,LazyForEach能按需加载可视区及缓存范围内的数据,避免全量遍历的性能问题。关键点包括: IDataSource需实现四个基础方法(总数统计、按索引取数据、注册/注销监听器) 数据变更时通过监听器通知更新 与@Reusable组件复用池配合,实现"数据+组件"双重优化 相比ForEach,LazyForEach特别适合大数据量(如分页查询、数据库懒加载)场景 典型应用场景为长列表渲染,通过
2026-07-27 23:53:38
242
原创 HarmonyOS应用开发实战:猫猫大作战-@State 数组项替换的浅观察陷阱、@Observed 数组深观察机制、ForEach 密钥与项替换的协
摘要 本文探讨了在ArkUI中替换数组项的优化方案。通过「猫猫大作战」游戏案例,分析了@State数组浅观察的局限性——无法监听项替换操作(cats[0]=newCat)。提出基于@Observed类+ForEach密钥的双重机制解决方案:当数组项为@Observed实例时,1)密钥变化触发项销毁/新建;2)密钥相同但内部属性变化触发深观察更新。对比了整体赋值与项级替换的性能差异,最终实现仅重渲染被替换项的高效更新策略。
2026-07-27 23:53:01
433
原创 HarmonyOS应用开发实战:猫猫大作战-HUD 拆成独立子组件、用 `@Prop` 接收父组件得分/时间为锚点,把 @Prop 声明与传递、单向只
本文介绍了如何将游戏HUD拆分为独立子组件,并使用@Prop实现父子组件间的单向数据传递。通过「猫猫大作战」案例,详细讲解了@Prop的声明与传递方式、单向只读特性、浅拷贝机制以及与@Link的对比。文章强调子组件应通过事件回调让父组件修改数据,保持单向数据流,并提供了完整代码示例展示HUD组件的拆分与重构过程。
2026-07-27 23:52:25
287
原创 HarmonyOS应用《玄象》开发实战:GpsFengshuiPage GPS 风水:@ohos.geoLocationManager 定位与权限申请
本文介绍了HarmonyOS应用接入GPS定位服务的实现方法,以玄象项目的风水分析功能为例。主要内容包括: 使用geoLocationManager API获取用户位置信息,包括经度和纬度数据 动态权限申请流程,需要获取ohos.permission.LOCATION和近似位置权限 页面设计结构分析,包含地图区域、定位信息显示、分析按钮和结果展示 实现GPS风水分析功能的完整流程 文章提供了定位API调用代码示例和权限申请方法,帮助开发者掌握在HarmonyOS应用中集成位置服务的关键技术点。通过这套方法,
2026-07-26 23:17:28
160
原创 HarmonyOS应用《玄象》开发实战:神煞查法:天乙贵人 / 文昌 / 桃花查表算法封装
本文介绍了玄象项目中八字命理神煞查法的实现过程。文章首先解释了神煞作为八字命理中"吉凶标记"的概念,重点讲解了采用查表算法根据日干/日支查找天乙贵人、文昌贵人等常见神煞的方法。 主要内容包括: 神煞数据表设计,展示了天乙贵人和文昌贵人的数据结构 查表算法实现,以天乙贵人查询为例说明核心查询逻辑 UI展示方案,演示如何在界面中呈现神煞列表 完整数据流分析,从日干输入到UI展示的全流程 该项目通过建立日干与神煞的映射关系表,实现了传统命理神煞的数字化查询功能。文章指出掌握这套查表算法后,开发者能够在Harmon
2026-07-26 20:48:33
320
原创 HarmonyOS应用《玄象》开发实战:装卦(世应/六亲/六神)算法的 ArkTS 实现
《HarmonyOS易学占卜应用开发:装卦算法详解》摘要 本文深入解析传统周易占卜中的装卦算法在HarmonyOS应用中的实现。通过ArkTS语言构建的ZhuangGuaInfo数据结构,完整实现了世应爻定位、六亲排布和六神赋值三大核心功能: 世应定位采用卦名映射规则,应爻固定为世爻对宫位置 六亲排布基于五行生克关系,通过LIU_QIN_ORDER字典实现自动推导 六神赋值依据日辰天干循环排列青龙等六神 文章详细阐述了装卦算法的实现流程、数据结构设计和文化背景知识,并提供了测试用例和实际应用场景。该算法已成
2026-07-26 20:46:47
237
原创 HarmonyOS应用《玄象》开发实战:Grid 四象(青龙/白虎/朱雀/玄武)分组展示
玄象项目星宿列表页最核心的交互是"四象切换"——用户点击底部「苍龙/朱雀/白虎/玄武」Tab,列表内容自动切换为对应四象的 7 个星宿。这一功能通过状态变量 +数据过滤实现。本篇将深入剖析玄象项目四象分组展示的实现:从四象数据结构、底部 Tab 交互、@State状态切换、数据过滤渲染,到Canvas四象圆盘同步更新。掌握这套分组展示方法论,您就能为任何 HarmonyOS 应用打造分类切换的列表页。提示:四象(青龙、白虎、朱雀、玄武)是二十八星宿的最高层级分类。
2026-07-26 20:43:48
157
原创 HarmonyOS应用《玄象》开发实战:RenderingContextSettings(true) 抗锯齿对 Canvas 渲染的影响
本文深入探讨了HarmonyOS Canvas中的抗锯齿技术及其在玄象项目启动页中的应用。通过对比分析,文章指出抗锯齿能显著提升圆弧、斜线等元素的视觉质量,但也会带来性能开销。主要内容包括: 玄象项目采用共享RenderingContextSettings实例的方式,为三个Canvas上下文统一开启抗锯齿 抗锯齿技术原理及多种实现算法的性能比较 抗锯齿对太极图圆弧、星空星点等元素的具体视觉改善效果 性能影响分析及优化建议,指出一次性渲染场景适合开启 非抗锯齿适用场景,如像素艺术、高频动画等 Canvas的其
2026-07-26 20:40:35
235
原创 HarmonyOS开发实战:笔友-AddPenPalPage 新增笔友表单——字段联动与必填校验
本文详细解析了xiexin应用中新增笔友功能的实现方案。该功能基于ArkUI的响应式状态管理机制,通过AddPenPalPage.ets组件实现核心交互流程,主要特点包括: 状态管理:使用@State装饰器管理邀请码、输入内容和操作状态 表单交互:实现邀请码生成、复制和发送功能,包含输入校验逻辑 UI响应:通过状态变更自动触发界面重渲染 数据持久化:使用AppStorage存储邀请记录 功能设计考虑了性能优化、错误处理和日志监控等生产环境需求,适用于笔友社交、消息卡片等场景。代码示例完整展示了组件结构、状态
2026-07-25 11:56:04
307
原创 HarmonyOS开发实战:笔友-模拟数据生成工厂模式与可测试性
本文介绍了模拟数据在应用开发中的应用,重点解析了xiexin项目中的DataStore.ets实现方式。文章从工厂方法实现、const数组与工厂方法的对比、时间戳动态计算三个技术维度展开,并展示了模拟数据在单元测试中的使用示例。通过分析响应式状态管理机制和数据流设计原理,阐述了ArkUI框架下的高性能实现方案。此外,还提供了生产环境注意事项、代码审查清单和综合示例,帮助开发者掌握模拟数据的正确使用方法。文章最后总结了相关API参考和代码规范最佳实践,为HarmonyOS应用开发提供了实用指导。
2026-07-25 11:53:51
162
原创 HarmonyOS开发实战:笔友-信件发送动画与状态过渡
本文介绍了基于HarmonyOS ArkUI的信件发送动画实现方案,核心内容包含: 动画实现原理:使用animateTo属性动画和TransitionEffect转场效果,通过400ms的EaseOut缓动曲线实现平滑过渡 状态管理:采用@State装饰器控制发送状态,结合isSending布尔值触发不同UI状态的切换 交互流程: 发送时显示48x48的LoadingProgress加载指示器 模拟1.5秒发送过程后执行淡出动画 自动返回前一页面 技术要点: 响应式状态驱动UI更新 定时器模拟异步操作 路由
2026-07-25 11:51:30
219
原创 HarmonyOS开发实战:笔友-时间线 TimelineEntry 视图的自定义绘制
本文详细介绍了时间线视图的实现方案,主要包括数据结构设计、数据转换方法和两种UI实现方式。通过对比Canvas自定义绘制与Column+Divider组合方案,分析其代码量、灵活性和性能差异。文章还深入探讨了ArkUI响应式状态管理原理、数据流设计以及性能优化策略,并提供了实际项目应用场景和生产环境注意事项。最后给出代码审查清单和完整示例,为开发者实现时间线功能提供全面指导。
2026-07-25 11:49:11
171
原创 HarmonyOS开发实战:笔友-@Observed/@ObjectLink 嵌套对象响应式追踪
本文探讨了ArkUI声明式开发中嵌套对象状态管理的问题与解决方案。当使用@State修饰复杂对象时,直接修改属性不会触发UI更新。通过@Observed和@ObjectLink装饰器可实现属性级精确更新:@Observed标记可观察类,利用Proxy机制追踪属性变化;@ObjectLink在子组件中接收父组件的对象引用,实现双向同步。文章以开源应用xiexin的代码为例,展示了如何将领域模型标记为@Observed,并对比了@ObjectLink与@Prop的区别。这种方案相比对象重新赋值更高效,能保持数据
2026-07-25 11:44:39
214
原创 HarmonyOS开发实战:小分享-异常捕获与 hiappevent 事件上报
本文介绍了HarmonyOS应用中异常捕获与事件上报的实现方法,重点讲解了hiappevent模块的使用。主要内容包括:1)全局异常捕获的实现,包括Promise异常和全局错误的处理;2)自定义事件和错误事件的上报方式;3)在业务场景中的集成应用,如网络请求和用户行为跟踪;4)事件类型分类及使用场景。文章提供了完整的代码示例,并强调了开发中的关键要点和最佳实践,如错误处理完善、资源释放和权限配置等。通过本文可掌握HarmonyOS应用监控和质量保障的核心技术。
2026-07-24 15:35:44
139
原创 HarmonyOS开发实战:小分享-Tabs + Navigation 混合架构落地
本文介绍了HarmonyOS应用开发的混合架构实现方案,该架构结合了Tabs的底部导航和Navigation的页面栈管理能力。架构设计采用Tabs作为根容器,每个TabContent内嵌独立的Navigation导航栈,实现模块化路由管理。文章详细展示了AppRoot结构实现、子页面栈配置、路由跳转方法,并分析了该架构的四大优势:独立导航栈、转场动画、状态保持和代码组织。核心要点包括Tabs与Navigation的分工协作、多导航栈隔离机制以及开发注意事项。最后提供了官方文档参考和常见问题解决方案,为Har
2026-07-24 15:34:59
165
原创 HarmonyOS开发实战:小分享-@Watch 监听状态变化触发副作用
本文介绍了HarmonyOS中@Watch装饰器的使用方法和实际应用。@Watch用于监听@State变量的变化,当状态变更时自动执行指定方法。文章通过文字编辑器案例,展示了如何监听字号变化并自动保存到本地存储。主要内容包括:1)@Watch基本语法和回调参数;2)不同场景下的触发机制;3)避免死循环的注意事项;4)在编辑器自动保存功能中的实际应用,包括防抖处理。文中还提供了官方文档参考和完整代码示例,重点强调了@Watch的核心要点:通过this访问最新值、避免在回调中修改自身状态等。最后总结了状态管理的
2026-07-24 15:34:14
235
原创 HarmonyOS开发实战:小分享-@State与@Prop状态管理——Tab高亮联动
本文深入解析ArkUI声明式UI中的@State和@Prop装饰器,重点介绍它们在状态管理中的应用。文章通过小分享App的BottomTabBar实现案例,详细阐述状态定义、传递与响应式更新机制:1)@State用于组件内部状态管理,支持自动UI重建;2)@Prop实现父向子组件的单向数据流;3)演示Tab高亮联动实现过程;4)对比两种装饰器的特性差异;5)列举编辑器和筛选器中的实际应用场景;6)强调不可变数据原则。最后附状态管理官方文档链接和常见问题解答。(150字)
2026-07-23 16:06:38
253
原创 HarmonyOS开发实战:小分享-BottomTabBar自定义底部导航栏组件
本文介绍了开源鸿蒙应用中小分享App的底部导航栏组件设计实现。该BottomTabBar包含5个Tab(采用ForEach循环渲染)和中间凸起按钮,通过@Component封装组件、@Prop参数传递控制高亮状态,并实现页面路由切换功能。重点解析了凸起按钮的视觉设计(负边距上移+阴影效果)、普通Tab的布局与高亮逻辑(currentIndex控制文字颜色),以及使用router模块处理页面跳转的完整方案。组件代码结构清晰,可作为HarmonyOS底部导航栏的参考实现。
2026-07-23 12:06:03
282
原创 HarmonyOS开发实战:小分享-最近使用横向列表——三栏均分布局
本文介绍了小分享App首页"最近使用"功能模块的开发实现,重点讲解了HarmonyOS下的三栏均分布局方案。文章包含数据定义、接口设计、核心布局代码实现,详细解析了30%宽度分配策略、SpaceBetween分散对齐、文字溢出省略处理等关键技术点。同时提供了标题行设计、图片占位区实现、完整卡片布局结构等UI细节,并探讨了动态数据加载、横向滚动优化和空状态处理等扩展功能。该实现方案采用Flex布局,具有响应式特点,适用于各类列表展示场景。
2026-07-23 09:58:22
199
原创 HarmonyOS开发实战:小分享-ArkUI布局容器Column与Row的对齐与权重
本文深入解析了HarmonyOS ArkUI中Column与Row两大基础布局容器的使用技巧。通过对比图展示了二者的本质区别:Column沿垂直方向布局(主轴为Y轴),Row沿水平方向布局(主轴为X轴)。文章详细讲解了主轴对齐(justifyContent)和交叉轴对齐(alignItems)的多种配置方式,包括FlexAlign的5种取值和Horizontal/VerticalAlign的3种取值。通过小分享App的实战案例,演示了居中布局、权重分配(layoutWeight)和嵌套组合等核心应用场景,并
2026-07-23 00:13:52
271
原创 HarmonyOS应用开发实战:萌宠日记 - 提醒事项增删改交互
《HarmonyOS应用开发实战:萌宠日记的提醒事项管理》 本文详细介绍了在HarmonyOS应用开发中实现提醒事项增删改功能的技术方案。通过萌宠日记应用的ReminderPage为例,展示了完整的CRUD交互流程: 添加功能:使用AlertDialog收集数据,通过@State驱动UI更新 编辑功能:点击列表项回填表单,实现数据修改 删除功能:滑动操作触发确认,数组操作更新列表 文章包含关键代码片段、流程图解和实现原理说明,对比了不同状态管理装饰器的特性,并提供了布局调试、性能优化等实用建议。最后总结了组
2026-07-22 09:10:27
166
原创 HarmonyOS应用开发实战:萌宠日记 - 照片占位与加载状态
本文介绍了HarmonyOS应用开发中实现图片加载优化的完整方案,通过萌宠日记案例展示了:1)使用Emoji占位图避免加载白屏;2)Image组件的onLoad/onError事件处理;3)基于状态管理的加载状态切换机制。文章还对比了不同布局方式和状态管理策略,提供了性能优化建议和调试技巧。这套方案能有效提升用户体验,适用于需要展示网络图片的各类应用场景。
2026-07-22 09:08:41
281
原创 HarmonyOS应用开发实战:小事记 - 图片解码与处理:ImageSource 解码与 PixelMap 操作
HarmonyOS图片解码与处理技术解析 摘要:本文深入解析HarmonyOS的图片处理能力,基于@ohos.multimedia.image模块的ImageSource和PixelMap两大核心功能。主要内容包括: 图片解码:通过ImageSource支持FD、Path、Data三种解码方式,可设置目标尺寸和像素格式 像素操作:PixelMap提供缩放、旋转、裁剪等基础操作,支持获取图片元信息 最佳实践:提出图片压缩、资源释放、异步处理三大优化策略 权限管理:展示多媒体权限申请的标准流程 扩展应用:结合小
2026-07-21 14:19:02
480
2
原创 HarmonyOS应用开发实战:小事记 - HTTPS 证书校验与网络安全配置:security 配置与自定义 CA 证书
本文介绍了HarmonyOS中HTTPS证书校验的实现方法,通过配置network_security_config.json文件实现证书锁定、自定义CA证书和域名信任策略。文章详细解析了证书锁定的配置方式、HTTPS请求的实现代码以及常见问题的解决方案,并提供了性能优化和最佳实践建议。开发者可通过系统证书管理、域名精准配置和证书哈希校验来增强应用通信安全,同时结合官方文档和社区资源进一步学习相关技术。
2026-07-21 14:18:22
606
2
原创 鸿蒙原生开发手记:徒步迹 - ArkGuard 代码混淆配置
本文介绍了鸿蒙应用开发中如何使用ArkGuard进行代码混淆配置,以增强应用安全性。通过build-profile.json5文件配置混淆规则,可有效保护ArkTS代码,降低逆向风险。文章属于"徒步迹"开发手记系列,涵盖HarmonyOS NEXT核心开发要点,包括ArkUI声明式开发、状态管理、Kit能力接入等。开发者可通过文末提供的官方文档和开源项目链接深入学习。
2026-07-20 11:03:57
827
原创 鸿蒙原生开发手记:徒步迹 - 性能测试与 Profiler 使用
本文介绍了鸿蒙(HarmonyOS)应用开发中的性能测试与Profiler工具使用实践,以"徒步迹"应用为例。文章重点讲解了如何利用HarmonyOS提供的Profiler工具监控CPU、内存、网络等关键性能指标,并通过代码示例展示了性能埋点的实现方法(使用hiTraceMeter)。同时总结了性能优化的数据驱动方法论,强调Profiler在定位性能瓶颈中的重要作用。文末提供了HarmonyOS开发的学习建议和相关资源链接,包括官方文档、开源项目地址和开发工具下载等实用信息。全文通过实战与理论相结合的方式,
2026-07-20 11:02:40
195
原创 HarmonyOS开发实战:图片全屏查看器:Swiper 轮播 + 缩略图导航
页面预览前言“海风日记“的图片查看器使用 Swiper 轮播展示图片,配合缩略图预览条和底部操作栏,提供完整的图片浏览体验。本文将从源码出发,深入讲解图片查看器的完整实现。一、完整布局二、总结本文通过
2026-07-19 00:28:47
280
1
原创 昵称登录页:maxLength 字符限制 + 实时计数
"海风日记"登录页实现昵称输入限制与实时计数功能:通过TextInput组件的maxLength(16)属性限制昵称长度,并动态显示${this.nickname.length}/16字符数。确认按钮在昵称非空时启用,并设置不同状态样式。文章还分析了maxLength在密码、标题等场景的应用,针对maxLength可能失效的情况建议在onChange中手动截断处理。该实现展示了HarmonyOS开发中表单输入控制的典型方案,涵盖长度限制、实时反馈和按钮交互等关键技术点。
2026-07-19 00:14:44
308
原创 日记本横线纸张效果:serif 字体 + 行高 + 背景色
本文详细解析了"海风日记"应用中的日记详情页纸张效果实现方案。通过象牙色背景(#FFF9F0)、衬线字体(serif)和36vp行高的组合,成功模拟了传统日记本的横线纸张效果。文章从源码层面剖析了Text组件的字体设置、行高控制及背景色搭配技巧,并对比了serif、sans-serif等不同字体的显示效果。同时介绍了底部签名装饰的实现细节,包括斜体文字、浅色分隔线和日期排版。最后针对字体显示异常等常见问题提供了解决方案,为开发者实现类似纸质阅读体验提供了完整参考。
2026-07-18 23:31:29
242
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅