- 博客(52)
- 收藏
- 关注
原创 鸿蒙原生应用实战(五):塔罗牌App开发 — 数据模型、构建配置与工程优化
本文是塔罗牌 App 开发系列的收官篇,聚焦工程化内容。详细解析了 78 张塔罗牌的全量数据模型设计、string/float/color 资源 文件管理规范、build-profile 构建配置与 API 版本策略(compatibleSdkVersion 23)。深入讲解了 ArkTS 严格模式六条核心规 则及常见编译错误的解决方案,最后总结了从 HAP 构建到签名的发布全流程,并回顾了五篇系列的技术架构与后续扩展方向。
2026-06-14 15:11:31
203
原创 鸿蒙原生应用实战(四):塔罗牌App开发 — 收藏功能与主题切换系统
鸿蒙塔罗牌App开发:收藏与主题功能实战 本文介绍了鸿蒙塔罗牌App中两个核心功能的设计与实现: 收藏管理器采用静态类设计,通过纯内存方案实现轻量级状态管理,支持跨页面共享收藏状态,包含收藏/取消、查询、清空等完整功能。 收藏页面实现了空状态提示和收藏列表展示,使用Emoji和引导按钮提升用户体验,支持点击跳转详情和取消收藏操作。 两种设计方案均采用静态类管理器模式,在鸿蒙Stage模型下实现了高效的状态共享,代码简洁且易于扩展(如后续可加入持久化存储)。文中还提供了详细的代码示例和交互设计要点。
2026-06-14 15:10:02
212
原创 鸿蒙原生应用实战(三):塔罗牌App开发 — 牌阵解读与交互设计
本文介绍了塔罗牌App中牌阵解读功能的开发实现。主要内容包括: 牌阵页采用单页面双状态设计(选择阶段和结果展示阶段),通过showResult状态切换视图,提升交互流畅性。 实现三种牌阵算法: 单张牌阵:随机抽取一张牌作为指引 三张牌阵:代表"过去-现在-未来"时间线,确保不重复抽牌 凯尔特十字:五张牌代表不同维度,使用去重算法 核心功能实现: 50%概率判定正逆位 牌阵位置含义解析 可复用的牌阵选项组件设计 UI交互设计: 选择阶段使用SpreadOption组件 结果展示使用ForEach渲染每张牌 提
2026-06-14 15:09:07
208
原创 鸿蒙原生应用实战(二):塔罗牌App开发 — 牌义列表与路由导航
鸿蒙塔罗牌App开发:牌义列表与路由导航 摘要 本文介绍了鸿蒙塔罗牌App核心功能页面的开发过程,重点包括: 牌义列表页实现: 使用标签筛选功能(全部/大阿卡纳/小阿卡纳) 通过ForEach指令优化列表渲染性能 将列表项提取为独立CardItem组件 路由导航机制: 实现页面间参数传递(列表页→详情页) 使用onPageShow生命周期处理返回刷新 三种核心路由操作(跳转、返回、带参返回) 详情页特色功能: 正逆位切换设计展示不同释义 收藏状态管理的前端交互 牌面信息的完整展示方案 开发过程中特别注意了A
2026-06-14 15:08:16
177
原创 鸿蒙原生应用实战(一):塔罗牌占卜App开发 — 环境搭建与首页开发
本文介绍了鸿蒙原生塔罗牌App的开发实战,重点内容包括开发环境搭建、Stage模型项目结构设计、Ability入口实现以及首页开发。首先详细讲解了DevEco Studio的安装配置,特别是API版本差异导致的router模块导入问题。然后分析了Stage模型优势,并规划了合理的目录结构。通过EntryAbility实现应用启动,在首页开发中运用了ArkTS响应式编程、组件化设计、主题切换等功能,展示了随机抽牌的核心逻辑。文章还总结了ArkTS开发中的注意事项,为鸿蒙开发者提供了从环境搭建到页面实现的全流程
2026-06-14 15:07:39
205
原创 鸿蒙原生应用实战(五):数据统计与个人中心——柱状图实现、统计计算与设置面板
本文是鸿蒙原生应用开发实战系列的最后一篇,重点讲解了快递追踪App中的包裹统计页面和个人中心页面的实现。主要内容包括: 包裹统计页功能设计:包含总览卡片(总包裹数、已签收数、平均时效)和两种柱状图(月度趋势、快递公司分布)。 数据模型设计与初始化:详细说明了MonthlyStats和CompanyStats接口定义,以及在aboutToAppear生命周期中进行数据初始化的最佳实践。 ArkTS严格模式下的对象字面量处理:通过类型化变量提升代码安全性。 原生柱状图实现方案:使用比例宽度计算和borderRa
2026-06-13 11:55:46
171
原创 鸿蒙原生应用实战(四):物流时间线与历史记录——路由传参、Canvas 绘制与列表统计
本文介绍了鸿蒙原生应用开发中物流时间线与历史记录页面的实现要点,主要包括: 物流详情页: 使用路由传递包裹数据参数 构建包含快递信息卡片和时间线的布局 实现时间线组件的圆点+竖线UI,突出显示最新物流状态 历史记录页: 设计历史列表的数据结构和布局 实现清空历史功能按钮 包含空状态处理和底部统计信息展示 关键技术点: 路由参数传递与接收 Canvas绘制时间线组件 状态管理与列表渲染优化 交互设计细节处理 文章提供了完整的代码示例和设计思考,适合鸿蒙开发者学习页面跳转、UI绘制和数据处理的最佳实践。
2026-06-13 11:54:51
214
原创 鸿蒙原生应用实战(三):表单交互与搜索筛选——添加包裹、搜索过滤与公司管理
本文是《鸿蒙原生应用实战》系列的第三篇,重点讲解快递追踪App中的三个核心交互页面: 添加包裹页面:实现表单输入、自定义下拉选择器设计、实时表单验证,提供正向反馈机制。 搜索页面:支持文本搜索与状态标签筛选的多条件组合查询,详细说明搜索逻辑实现。 快递公司管理页面(摘要未展开):涉及搜索过滤、开关切换等交互。 文章采用代码示例与设计说明相结合的方式,突出鸿蒙应用开发中表单验证、选择器实现、多条件搜索等关键技术要点,同时注重交互设计的用户体验细节。每个页面都配有状态管理方案和可视化布局说明,具有较强的实战指导
2026-06-13 11:54:06
272
原创 鸿蒙原生应用实战(二):首页与包裹列表开发——List组件、ForEach渲染与状态管理
本文详细介绍了鸿蒙原生应用中快递追踪App首页的开发过程,重点讲解了List组件渲染、ForEach循环渲染优化、@State状态管理等核心内容。文章首先分析首页需求,包括标题栏、包裹列表、状态标签等UI组件;然后详细说明了数据接口设计,强调状态码与展示文本分离的优势;接着逐步实现页面布局结构,包括条件渲染空状态处理;最后深入解析List组件使用方法、ForEach的key生成机制,以及@State状态变量的工作原理。全文提供了大量可复用的代码片段,帮助开发者快速掌握鸿蒙应用开发的关键技术点。
2026-06-13 11:53:21
341
原创 鸿蒙原生应用实战(一):从零搭建快递追踪App——项目初始化与工程架构详解
本文是「鸿蒙原生应用实战」系列首篇,详细介绍了从零开始搭建快递追踪App的初始化过程与工程架构。主要内容包括: 项目创建与配置 使用DevEco Studio创建Stage模型+ArkTS的空项目 设置应用包名、兼容API版本等基础配置 快递追踪App的核心功能规划 Stage模型核心概念 UIAbility作为应用入口的生命周期管理 module.json5配置详解(包括启动页面和技能声明) 页面路由注册与管理机制 项目架构解析 工程目录结构说明 多级配置文件(build-profile.json5/ap
2026-06-13 11:52:42
228
原创 鸿蒙原生应用实战(五):路由导航与工程优化 — 从开发到上线的完整流程
本文介绍了鸿蒙原生应用开发中的路由导航与工程优化完整流程。主要内容包括: 路由系统深度解析 展示星型拓扑路由架构 详细讲解路由配置和API使用规范 分析导航栈管理机制 module.json5配置详解 完整解析关键配置字段 说明资源引用方式 介绍项目目录结构 构建优化与测试实践 项目级和模块级构建配置 单元测试和UI测试方法 严格模式最佳实践 文章从架构高度系统梳理了鸿蒙应用从开发到上线的完整流程,包含路由导航设计、配置文件解析、性能优化等核心内容,为开发者提供了一套完整的工程实践指南。
2026-06-12 15:38:51
216
原创 鸿蒙原生应用实战(四):愿望单与个人统计 — 数据聚合与可视化
文章摘要 本文介绍了鸿蒙原生应用中愿望单和统计中心两个核心页面的开发实现。愿望单页面(WishPage)通过优先级概览、排序功能和游戏卡片帮助用户管理想玩的游戏,包含数据模型设计、UI构建和交互逻辑。统计中心(StatsPage)则通过可视化图表展示游戏时长、类型分布等数据,提供玩家行为分析。两个页面分别面向未来规划和历史回顾,共同构建完整的游戏管理体验。文章详细展示了鸿蒙系统的组件使用、数据绑定和交互设计实践。
2026-06-12 15:37:53
177
原创 鸿蒙原生应用实战(三):游戏详情页与交互功能 — 400行ArkTS深度实践
本文详细介绍了鸿蒙原生应用中游戏详情页的开发实践,通过444行ArkTS代码实现了11个核心功能模块。页面采用全屏渐变Header设计,包含游客观数据面板、进度条、开发者信息、游戏简介等完整信息展示。文章重点剖析了数据模型扩展、状态管理、数据加载等关键技术点,并提供了全屏渐变Header的具体实现代码。该详情页支持状态切换、评分交互、评价输入等功能,同时包含成就系统、相似推荐和用户评测展示,为鸿蒙应用开发提供了完整的实战参考案例。
2026-06-12 15:37:12
291
原创 鸿蒙原生应用实战(二):游戏库列表与筛选排序 — 卡片式UI设计
鸿蒙游戏库页面开发摘要 本文介绍了鸿蒙原生应用中游戏库页面的开发过程,主要包含以下核心功能实现: 页面结构:采用卡片式UI设计,包含标题栏、筛选标签区、排序区和游戏列表 数据模型:定义了GameItem接口,包含游戏ID、标题、平台、类型、状态、评分、时长等属性 关键功能: 接收路由参数实现页面间筛选状态传递 实现四种状态筛选(全部/在玩/通关/想玩) 循环排序切换功能(最近/名称/评分/时长) 游戏卡片组件化设计,包含封面色块、游戏信息、进度条等元素 交互细节:筛选标签高亮显示、排序方式循环切换、动态进度
2026-06-12 15:36:06
202
原创 鸿蒙原生应用实战(一):项目搭建与首页开发 — 游戏收藏夹
本文介绍了鸿蒙原生应用"游戏收藏夹"的项目搭建与首页开发过程。主要内容包括: 项目初始化:使用DevEco Studio创建Empty Ability项目,配置API 23和Stage模型,解析项目目录结构,注册多页面路由,并设置颜色和字号资源。 Ability入口分析:讲解UIAbility生命周期管理,重点说明onCreate()和onWindowStageCreate()方法的使用。 首页开发:详细展示Index页面的实现,包括: 定义游戏数据模型接口 使用@State装饰器管理响应式状态 数据初始化
2026-06-12 15:35:14
275
原创 鸿蒙原生应用开发实战(五):个人中心与数据统计 — 电影清单App
这篇文章摘要(150字以内): 本文是鸿蒙原生应用开发实战系列的第五篇,聚焦电影清单App的个人中心与数据统计功能开发。文章详细介绍了个人中心页面的整体设计,包含六维度统计卡片(总数、已看、想看、在看、收藏、完成率)的实现方案,以及分类占比条形图的可视化展示。技术要点包括:使用@State管理页面状态数据,通过@Builder复用UI组件,利用Row+Column组合实现条形图效果,并提供了分类统计接口设计。文章最后展示了功能菜单的实现方法,包括导出清单、重置数据等功能。该教程完整呈现了如何从零开发一个具备
2026-06-11 12:47:34
186
原创 鸿蒙原生应用开发实战(四):电影详情与评分评价 — 电影清单App
本文介绍了鸿蒙原生应用开发中电影详情页的实现,包括页面布局、数据模型设计、路由传参和核心功能开发。详情页是交互密集型页面,包含观影状态切换、收藏功能、星级评分、影评编辑等模块。 文章首先展示了页面整体布局结构,然后详细讲解了数据模型设计,包括电影接口和分类枚举。在路由传参部分,分析了传递ID而非整个对象的优势,并演示了参数接收和数据加载的实现方法。 文章还特别强调了ArkTS严格模式下的初始化要求和数据安全处理,为开发者提供了完整的开发思路和最佳实践指导。通过本文可以掌握鸿蒙详情页的开发模式和关键实现技巧。
2026-06-11 12:45:19
225
原创 鸿蒙原生应用开发实战(三):电影列表与搜索筛选 — 电影清单App
Entry@Component✅ 卡片式电影列表展示✅ 五标签状态筛选✅ 关键词实时搜索(片名/导演/分类)✅ 滑动删除操作✅ 空状态友好提示下一篇,我们将开发电影详情系列目录✅ 第一篇:项目搭建与首页概览✅ 第二篇:添加电影与表单交互✅ 第三篇:电影列表与搜索筛选(本篇)📝 第四篇:电影详情与评分评价📝 第五篇:个人中心与数据统计。
2026-06-11 12:44:38
224
原创 鸿蒙原生应用开发实战(二):添加电影与表单交互 — 电影清单App
本文介绍了鸿蒙原生应用开发中实现电影清单App的添加电影功能,重点讲解了表单交互设计与实现。主要内容包括: 页面设计:采用纵向表单布局,包含电影名称、年份、导演输入项,观影状态选择器和分类网格选择器 关键技术实现: 使用TextInput组件实现文本输入框 通过Chip组件构建观影状态切换 采用5列Grid布局实现分类选择器 实现表单校验逻辑(必填项检查、年份处理) 交互细节: 输入框提示样式与输入类型设置 选中状态的视觉反馈(颜色变化) 保存按钮的数据处理逻辑 该实现展示了鸿蒙应用开发中表单交互的核心技术
2026-06-11 12:43:52
233
原创 鸿蒙原生应用开发实战(一):项目搭建与首页概览 — 电影清单App
{ id: 'action', name: '动作', icon: '💥' },{ id: 'comedy', name: '喜剧', icon: '😂' },{ id: 'drama', name: '剧情', icon: '🎭' },{ id: 'sci_fi', name: '科幻', icon: '🚀' },{ id: 'horror', name: '恐怖', icon: '👻' },{ id: 'romance', name: '爱情', icon: '❤️' },
2026-06-11 12:42:53
195
原创 鸿蒙原生应用实战(五):功能打磨 — 个人中心与项目优化总结
本文是鸿蒙原生应用实战系列的最后篇章,主要完成习惯打卡应用的个人中心页面开发并进行项目总结。文章详细拆解了ProfilePage的布局设计、状态管理、数据统计和UI构建,重点介绍了习惯删除与级联操作的核心实现逻辑,包括如何确保双模型数据一致性。此外,还分享了ArkTS编码规范、性能优化等实战经验,并提供了重置数据等功能的实现方案。全文通过代码示例和图示,完整呈现了一个鸿蒙原生应用的开发流程和关键技术点,为开发者提供了一份实用的开发指南。
2026-06-10 00:34:36
163
原创 鸿蒙原生应用实战(四):交互进阶 — 打卡日历热力图与数据统计页面
鸿蒙原生应用交互进阶:打卡日历与数据统计设计 本文深入解析习惯打卡应用中的两个核心交互页面:打卡日历热力图和数据统计页面。 打卡日历页面采用颜色密度热力图展示习惯完成情况,通过绿色渐变(浅灰→深绿)直观反映每日打卡完成度,并辅以图例说明。与心情日记日历相比,它更侧重量化统计而非情感表达。 关键实现技术包括: 月历生成算法处理日期补位和计数 颜色映射函数按完成度分级显示 Grid组件实现7列周历布局 底部区域展示当日各习惯完成状态 数据统计页面通过柱状图、多维排序等功能,为用户提供习惯完成率的可视化分析。文章
2026-06-10 00:34:12
168
原创 鸿蒙原生应用实战(三):UI构建 — 首页打卡列表与新建习惯页面
本文是鸿蒙原生应用开发系列的第三篇,聚焦习惯打卡应用的两个核心页面:首页打卡列表和新建习惯页面。文章详细拆解了首页UI布局,包含顶部标题栏、进度概览卡片和快捷操作区域,并提供了状态变量定义和组件代码实现。重点讲解了打卡列表的交互设计,包括已完成/未完成状态的视觉反馈(颜色变化、删除线、图标切换)以及一键打卡的toggle交互实现。通过三重视觉反馈设计(图标背景色、文字样式、右侧图标)确保用户清晰识别打卡状态。
2026-06-10 00:33:52
184
原创 鸿蒙原生应用实战(二):数据层设计 — 双模型架构与打卡系统核心逻辑
摘要 本文是鸿蒙原生应用系列的第二篇,聚焦「习惯打卡」功能的数据层设计。与心情日记的单模型不同,该应用采用Habit+CheckIn双模型架构,具有以下特点: 双模型设计:分开存储习惯定义(元数据)和打卡记录(行为数据),避免冗余,提升查询效率 频率系统:支持每日(DAILY)和每周(WEEKLY)两种频率,覆盖90%使用场景 核心算法: 周起始计算(统一以周一为起点) 连续打卡算法(Streak) 月打卡统计 预设资源:提供24种emoji图标和12种主题色供选择 极简设计:CheckIn记录仅包含id、
2026-06-10 00:33:36
316
原创 鸿蒙原生应用实战(一):项目起航 — 从零搭建「习惯打卡」Stage模型应用
本文是「鸿蒙原生应用开发实战」系列的第一篇,详细介绍了一个「习惯打卡」应用的开发过程。文章从项目背景出发,说明了习惯打卡功能的重要性,并概述了应用的主要功能模块。技术栈采用HarmonyOS Stage模型和ArkTS语言,项目结构清晰,包含首页、新建习惯、打卡日历、数据统计和个人中心等核心页面。 文章对比了习惯打卡与之前开发的心情日记项目的差异,重点分析了双数据模型(Habit和CheckIn)的管理难点,并分享了实际开发中的踩坑经验,如双AppStorage key的同步管理和不同频率习惯的统计区分。最
2026-06-10 00:33:18
211
原创 【鸿蒙原生应用开发实战】第五篇:构建优化与发布准备——从编译到真机部署全流程
本文是鸿蒙原生应用开发实战系列的第五篇,主要介绍了从开发到上线的全流程经验,包括构建优化和发布准备。文章详细解析了hvigor构建系统架构、构建命令参数及构建流程阶段,并总结了常见编译错误的排查与修复方法(如Row组件属性错误、资源引用错误、ArkTS严格模式检查等)。此外,还提供了构建性能优化技巧(增量构建、代码优化)和AppStorage使用注意事项。最后介绍了HAP包的签名与真机部署流程,为开发者提供从编译到发布的全方位指导。
2026-06-09 12:01:09
480
原创 【鸿蒙原生应用开发实战】第四篇:收藏功能与个人中心——数据持久化与全局状态管理
本文介绍了鸿蒙原生应用开发中收藏功能与个人中心页面的实现,重点讲解了全局状态管理机制。主要内容包括: 状态管理方案:对比了@State、@Link/@Prop、AppStorage/@StorageLink等不同作用域的状态管理方式,重点说明AppStorage的全局数据共享机制。 收藏页面实现:详细展示了如何通过AppStorage管理收藏数据,包括列表展示、取消收藏功能以及优雅的空状态设计。特别强调了@StorageLink绑定数组时的同步注意事项。 个人中心页面:构建了包含用户信息头部、阅读统计面板和
2026-06-09 12:01:02
379
原创 【鸿蒙原生应用开发实战】第三篇:列表与详情页开发——分类筛选、动态路由与数据展示
本文介绍了鸿蒙原生应用开发中书籍列表页和详情页的实现细节。列表页包含分类标签筛选、卡片展示和侧滑收藏功能,通过router.getParams()接收路由参数,动态筛选数据。详情页展示书籍封面、信息及同类推荐。文章详细讲解了状态管理、UI组件设计(如可滚动标签栏、卡片列表)、交互逻辑(侧滑操作)以及数据筛选的实现方法,提供了完整的代码示例和设计要点说明,适合鸿蒙开发者学习参考。
2026-06-09 11:27:39
265
3
原创 【鸿蒙原生应用开发实战】第二篇:首页与导航系统开发——ArkTS组件化实践
本文介绍了鸿蒙原生应用开发中首页与导航系统的ArkTS组件化实践,主要内容包括: 首页布局规划:分为顶部标题栏、分类入口、精选推荐和热门榜单四个区域 组件化设计:使用@Builder装饰器将各区域封装为可复用构建函数 导航实现:通过router.pushUrl实现页面跳转,传递初始参数 分类入口:采用Scroll+Row+ForEach实现横向滚动布局,注意Row间距设置方式 精选推荐:使用Scroll+Row实现横向卡片滚动,包含封面和信息区域 热门榜单:通过List+ForEach实现纵向列表,展示书籍
2026-06-09 11:27:22
348
原创 【鸿蒙原生应用开发实战】第一篇:项目初始化与架构设计——从零搭建“阅迹“阅读应用
在id: number;// 唯一标识// 书名// 作者// 分类(文学/科技/历史/哲学/艺术)// 评分(1.0 - 5.0)// 简介// 出版年份// 页数// 封面颜色(替代真实图片)为什么不使用真实图片?在鸿蒙应用开发中,图片资源需要打包到 HAP 中。为了简化示例且不依赖外部图片,我采用纯色背景 + 文字首字作为替代封面方案,既美观又轻量。
2026-06-08 12:01:02
367
3
原创 深度解析 HarmonyOS NEXT:Canvas 图表与数据架构实战
本文深入解析了HarmonyOS NEXT应用开发的核心技术,重点探讨了Canvas图表实现与数据架构设计。主要内容包括: Canvas图表实现:详细讲解了环形图和柱状图的数学原理与实现方法,强调Path2D优化和动态计算技巧,指出onReady是唯一可靠的Canvas初始化时机。 数据架构设计:介绍单例模式与监听器模式的最佳实践,分析ArkTS响应式状态管理(@State/@Prop/@Watch)的底层原理。 性能优化:提供图表缓存、列表懒加载等关键技术,避免过度渲染问题。 文章通过数学推导和代码实例,
2026-06-08 11:58:19
247
原创 从零开发吉他和弦查询APP:Canvas绘图与音乐理论的完美结合
这篇文章介绍了一个吉他爱好者如何开发吉他和弦查询APP的技术实践。作者使用HarmonyOS NEXT开发了一款功能齐全的吉他和弦工具,包含60多种和弦查询和变调夹计算功能。文章重点讲解了两个核心技术点:1) 通过Canvas 2D API实现专业的吉他指板绘制,详细描述了布局计算、弦线绘制、按弦圆点标记和横按指示的实现方法;2) 和弦数据的结构化表示,包括弦状态定义、数据结构设计和横按信息的特殊处理。该项目将音乐理论与前端开发完美结合,为音乐爱好者提供了实用的技术参考。
2026-06-07 01:02:16
548
原创 鸿蒙原生记账APP开发实录:从需求到上线的完整踩坑指南
鸿蒙记账APP开发指南:从需求到上线的完整实践 本文详细记录了使用HarmonyOS NEXT和ArkTS开发一款原生记账应用的完整过程。文章从需求分析入手,规划了记账、查账、分析三大核心功能模块,采用三Tab架构组织页面。技术实现上展示了分层架构设计,包括数据模型层、持久化层、UI组件层和页面层,重点介绍了Preferences轻量存储方案的应用与注意事项。开发过程中遇到的典型问题如数据持久化时机、性能优化等均有解决方案说明,为HarmonyOS开发者提供了一个麻雀虽小五脏俱全的实战案例,涵盖移动应用开发
2026-06-07 01:01:08
306
3
原创 从零打造健康追踪APP:Preferences存储与Canvas图表实战
健康追踪APP开发实战:Preferences存储与Canvas图表实现 本文记录了使用HarmonyOS NEXT开发健康追踪APP的核心技术实现。项目包含四大功能模块:首页仪表盘、数据录入、统计图表和个人设置,重点解决两个技术难点: Preferences数据存储:通过封装StorageManager实现优雅的本地数据管理,支持用户设置和健康记录的CRUD操作,采用单例模式和类型安全接口设计。 Canvas图表绘制:从零实现柱状图可视化,包括单柱步数统计和双柱饮水/睡眠对比图,不依赖第三方库。关键技术点
2026-06-06 13:37:53
325
原创 HarmonyOS NEXT 实战:从零打造多语言翻译应用
本文介绍了基于HarmonyOS NEXT开发多语言翻译应用的完整过程。文章从项目设计、架构到具体实现,详细讲解了翻译应用的开发流程。主要内容包括: 功能需求分析:核心翻译功能(文本翻译、语言切换/互换、自动检测)和辅助功能(历史记录、收藏、复制等) 界面设计:采用三标签页布局(翻译、历史、收藏)的UI方案 分层架构设计:展示层(页面组件)、业务层(翻译服务/数据管理)和数据层(模型/工具类) 数据模型定义:翻译记录和语言选项的数据结构 翻译服务实现:选择LibreTranslate和MyMemory作为免
2026-06-06 13:37:12
351
原创 手把手教你开发 HarmonyOS 秒表应用
本文介绍如何从零开发HarmonyOS秒表应用,适合HarmonyOS NEXT初学者。主要内容包括: 项目创建:使用DevEco Studio创建Empty Ability项目 数据结构设计:定义计次记录接口(LapRecord) 状态管理:使用@State装饰器管理秒表运行状态、显示时间、计次记录等 核心功能实现: 计时逻辑(开始、暂停、重置) 计次功能(记录单圈时间) 自动标记最快/最慢圈 UI开发:采用Column、Stack等组件构建圆形表盘界面 通过本教程,读者可掌握ArkTS基础语法、状态管理
2026-06-04 11:36:33
203
4
原创 HarmonyOS NEXT 实战:从零打造 BMI 健康计算器应用
HarmonyOS NEXT BMI计算器开发实战 本文介绍如何使用HarmonyOS NEXT开发一个功能完整的BMI计算器应用,适合初学者入门学习。项目特点包括: 功能完整:包含输入验证、计算逻辑、结果分类显示 技术全面:覆盖UI布局、状态管理、响应式设计 开发流程: 从项目创建到模块配置 使用ArkTS编写业务逻辑 实现卡片式UI设计 关键技术点: @State状态管理 组件化布局(Column/Row/Flex) 数据模型与UI解耦 条件渲染与交互反馈 通过这个实战项目,开发者可以掌握Harmony
2026-06-04 11:36:09
810
原创 从零到一:我的鸿蒙涂鸦板开发之旅
本文记录了作者从零开始开发鸿蒙涂鸦板的全过程。文章以新手视角详细分享了开发中的关键环节和思考:从DevEco Studio的初次接触、项目结构解析,到涂鸦板核心功能(画布绘制、触摸事件处理、颜色选择)的实现,再到撤销重做等进阶功能的开发。作者特别强调了开发中遇到的典型问题及解决方案,如状态管理、性能优化等。通过这个实践项目,作者不仅掌握了鸿蒙基础开发技能,还总结出"小步快跑、及时验证"的学习方法。文章最后展望了未来优化方向,并以鼓励的口吻为其他初学者提供了实用建议。全文语言生动,技术细节与心路历程并重,具有
2026-06-03 12:10:33
232
原创 HarmonyOS NEXT 单位换算器开发:完整技术指南
本文详细介绍了使用HarmonyOS NEXT开发单位换算器的全过程。主要内容包括: 需求分析与数据结构设计:支持长度、重量、温度、面积四类单位换算,定义了单位信息接口和类别数据结构。 算法实现: 采用基准单位法处理线性单位转换 特殊处理温度单位的非线性转换 实现了结果格式化功能 状态管理:使用@State装饰器管理应用状态,包括当前类别、单位选择和输入输出值。 UI设计:包含标题栏、类别标签页、单位选择器和输入输出区域。 该项目涵盖了HarmonyOS应用开发的多个关键技术点,包括状态管理、UI组件使用和
2026-06-03 12:10:05
338
2
原创 HarmonyOS NEXT Canvas 实战:从零开发抽奖转盘应用
本文介绍了如何从零开始使用HarmonyOS NEXT的Canvas API开发一个完整的抽奖转盘应用。主要内容包括: 需求分析:包含转盘显示、抽奖动画、结果判定等核心功能模块 Canvas基础: 初始化Canvas环境 坐标系系统说明 基本图形绘制方法(圆形、扇形) 转盘绘制实现: 定义颜色和奖项配置 绘制转盘主体和扇形区域 处理文字旋转效果 添加中心圆和指针 动画系统: 状态管理(旋转角度、动画状态) 实现物理减速动画效果 文章详细讲解了Canvas绘图的核心技术和动画实现原理,适合HarmonyOS开
2026-06-02 11:26:45
443
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅