logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

HarmonyOS应用<奇妙科学乐园>开发第40篇:Tabs容器与自定义TabBar——底部导航栏实现

/ 文件路径:entry/src/main/ets/pages/MainTabs.ets// 说明:主页面 - Tabs组件实现底部导航,页面保活/*** Tab 项数据接口* @description 定义底部导航栏每个 Tab 的图标、标签等信息*//** Tab 序号,用于匹配当前选中状态 *//** 通用图标资源引用 *//** 选中状态的图标 *//** 未选中状态的图标 *//** T

文章图片
#harmonyos
HarmonyOS应用<奇妙科学乐园>开发第100篇:项目总结——100篇技术解读全回顾与未来展望

"奇妙科学乐园"虽然是一个面向6-12岁儿童的科普教育应用,但其技术实现涵盖了HarmonyOS应用开发的完整技术栈。下面从架构、数据、UI、性能四个维度进行总结。✅项目初始化清单// 新项目启动时,优先搭建以下基础模块// 1. AppConstants + ThemeColors(常量与主题)// 2. Logger(日志工具)// 3. RouterUtil + RouteUrls(路由工具

文章图片
#harmonyos
HarmonyOS应用<奇妙科学乐园>开发第100篇:项目总结——100篇技术解读全回顾与未来展望

 引言 从第1篇"Agent与Skill框架重构"到本篇"项目总结",100篇技术解读文章完整记录了"奇妙科学乐园"从零到一的 entire 开发历程。这100篇文章不是零散的技术笔记,而是一个体系化的HarmonyOS应用开发知识库——覆盖了从HarmonyOS 7(API 26)新特性前瞻,到项目架构设计、组件开发、数据管理、路由

文章图片
#harmonyos
HarmonyOS应用<奇妙科学乐园>开发第99篇:全量Icon系统替换——从emoji到SVG图标体系

✅SVG图标标准模板-- 使用 currentColor 实现动态着色 --></svg>✅图标使用标准写法.width(22)✅资源文件命名规范icon_功能名 .svg → 功能性SVG图标(可着色)tab_xxx .jpg → TabBar图标(active/inactive两套)badge_xxx .jpg → 成就徽章(真实图片)cat_xxx .jpg → 分类封面(真实图片)

文章图片
#harmonyos
HarmonyOS应用<奇妙科学乐园>开发第99篇:全量Icon系统替换——从emoji到SVG图标体系

 引言 这是"奇妙科学乐园"项目中最复杂的一次UI改造工程。在项目初期快速开发阶段,为了追求开发效率,页面中大量使用了emoji字符作为图标(如用""代替锁图标、用""代替空状态图标)。随着项目进入QA验收阶段,emoji图标在真机上的表现参差不齐——不同厂商设备的emoji渲染风格差异巨大,部分低版本系统甚至无法正确显示最新em

文章图片
#harmonyos
HarmonyOS应用<奇妙科学乐园>开发第98篇:家长控制页开发——密码设置/时长限制/护眼模式

✅Preferences独立存储// 与用户数据隔离,安全性更高✅Toggle双重保护});✅Progress防除零。

文章图片
#harmonyos
HarmonyOS应用<奇妙科学乐园>开发第98篇:家长控制页开发——密码设置/时长限制/护眼模式

 引言 "奇妙科学乐园"面向6-12岁儿童群体,家长控制是儿童类应用的核心安全防线。本文将完整拆解 ParentControl.ets 页面的实现细节,包括密码验证与设置、每日使用时长限制、护眼模式切换、就寝模式管理、5次错误锁定机制以及今日使用统计。这是一个典型的"安全+交互"复合型页面——既要保证家长设置的绝对安全性,又要为儿童提供清晰直观的使用时长

文章图片
#harmonyos
HarmonyOS应用<奇妙科学乐园>开发第97篇:个人中心页开发——成就预览/菜单列表/打卡

MenuItem(菜单项数据结构)和(成就预览数据结构)。打卡弹窗通过管理。菜单项通过menuItems数组定义,每个菜单项包含iconlabelvaluepageUrlsectionaction六个字段。方法按section字段过滤菜单项,统一处理点击事件。✅渐变头部布局✅成就预览数据加载✅菜单点击统一处理return;RouterUtil。

文章图片
#harmonyos
HarmonyOS应用<奇妙科学乐园>开发第97篇:个人中心页开发——成就预览/菜单列表/打卡

 引言 在上一篇文章中,我们完成了每日挑战页面 DailyChallenge.ets 的开发,实现了5题限时答题、120秒倒计时、三星评级和成绩持久化。每日挑战给了孩子"每天回来做什么"的理由,而个人中心页(Profile)则是整个应用的信息枢纽——它整合了用户统计、成就系统、功能入口和系统设置四大模块。 《奇妙科学乐园》的个人中心页 Profile.ets 是一个典型的&

文章图片
#harmonyos
HarmonyOS应用<奇妙科学乐园>开发第96篇:每日挑战页开发——5题限时/倒计时/成绩记录

每日挑战页面的配置参数(倒计时秒数、题目总数)通过模块级常量定义,避免在组件内部出现"魔法数字"。组件状态使用@State装饰器声明,涵盖了题目数据、答题进度、倒计时、星级评定、页面状态等全部维度。✅定时器生命周期管理// 先停后启,确保不会出现多个定时器并行// 页面销毁时清除✅SVG 图标动态着色// Image组件使用fillColor而非fontColor✅ForEach 稳定 Key 生

文章图片
#harmonyos
    共 203 条
  • 1
  • 2
  • 3
  • 21
  • 请选择