首页
/
行业洞察
/
正文
INDUSTRY INSIGHT · 深度
Harmony鸿蒙实战开发-健康饮食运动记录app「记录饮食摄入、运动消耗、每日早餐、午餐、晚餐、加餐、运动卡路里信息,并包含开发者简介」「饮食记录」「能量记录」【源码在文末】
📅 2026/9/17 23:24:43
✍️ 爱科研究院
👁 阅读 3,247
Harmony鸿蒙实战开发-健康饮食运动记录app「记录饮食摄入、运动消耗、每日早餐、午餐、晚餐、加餐、运动卡路里信息并包含开发者简介」「饮食记录」「能量记录」【源码在文末】文章目录Harmony鸿蒙实战开发-健康饮食运动记录app「记录饮食摄入、运动消耗、每日早餐、午餐、晚餐、加餐、运动卡路里信息并包含开发者简介」「饮食记录」「能量记录」【源码在文末】一、运行演示1、主页面2、开机动画3、饮食记录-早饭4、饮食记录-午饭5、饮食记录-晚饭6、饮食记录-加餐7、运动记录8、我的信息9、总览二、部分代码三、源码运行工具DevEco Studio一、运行演示1、主页面2、开机动画3、饮食记录-早饭4、饮食记录-午饭5、饮食记录-晚饭6、饮食记录-加餐7、运动记录8、我的信息9、总览二、部分代码import BreakpointType from ../common/bean/BreanpointType import BreakpointConstants from ../common/constants/BreakpointConstants import { CommonConstants } from ../common/constants/CommonConstants import BreakpointSystem from ../common/utils/BreakpointSystem import RecordIndex from ../view/record/RecordIndex Entry Component struct Index { State currentIndex: number 0 private breakpointSystem: BreakpointSystem new BreakpointSystem() StorageProp(currentBreakpoint) currentBreakpoint: string BreakpointConstants.BREAKPOINT_SM State isPageShow: boolean false onPageShow(){ this.isPageShow true } onPageHide(){ this.isPageShow false } Builder TabBarBuilder(title: ResourceStr, image: ResourceStr, index: number) { Column({ space: CommonConstants.SPACE_8 }) { Image(image) .width(22) .fillColor(this.selectColor(index)) Text(title) .fontSize(14) .fontColor(this.selectColor(index)) } } aboutToAppear(){ this.breakpointSystem.register() } aboutToDisappear(){ this.breakpointSystem.unregister() } selectColor(index: number) { return this.currentIndex index ? $r(app.color.primary_color) : $r(app.color.gray) } build() { Tabs({ barPosition: BreakpointConstants.BAR_POSITION.getValue(this.currentBreakpoint) }) { TabContent() { RecordIndex({isPageShow: this.isPageShow}) } .tabBar(this.TabBarBuilder($r(app.string.tab_record), $r(app.media.ic_calendar), 0)) //TabContent() { //Text(发现页面) //} //.tabBar(this.TabBarBuilder($r(app.string.tab_discover), $r(app.media.discover), 1)) TabContent() { Column({ space: CommonConstants.SPACE_8 }) { Text(应用信息) .fontSize(20) .fontWeight(FontWeight.Bold) Text(记录饮食) .fontSize(16) Text(作者信息) .fontSize(20) .fontWeight(FontWeight.Bold) Text(作者: XXX) .fontSize(16) Text(邮箱: XXQQ.com) .fontSize(16) Text(版本号: 1.0.0) .fontSize(16) } } .tabBar(this.TabBarBuilder($r(app.string.tab_user), $r(app.media.ic_user_portrait), 2)) } .width(100%) .height(100%) .onChange(index this.currentIndex index) .vertical(new BreakpointType({ sm: false, md: true, lg: true }).getValue(this.currentBreakpoint)) } }三、源码相关鸿蒙项目点此专栏通过百度网盘分享的文件…zip 链接百度网盘 请输入提取码文件已经加密请点击下方名片获取源码或Lvnvn0508
📌 标签:
工业官网
设计趋势
AI 建站
SEO
获取完整报告 →
RELATED ARTICLES
推荐阅读
2026/9/17 23:24:43
OpenClaw中文版:AI办公与智能下载工具深度解析
2026/9/17 23:24:43
vLLM-Omni 测试质量评估实战:如何审查 PR 测试是否真正保护行为契约
2026/9/17 23:24:43
BlockSuite Embed Blocks:嵌入外部复杂内容的区块架构与源码实现
2026/9/18 0:04:47
Ubuntu黑屏怎么修?图形界面故障排查与急救完整指南
2026/9/18 0:04:47
2026年手机写代码实战指南:Termux、远程开发与AI助手全解析
2026/9/18 0:04:47
彻底搞懂ASCII、Unicode与UTF-8:从乱码根源到编码实战
2026/9/18 0:04:47
MATLAB实现GPS L1 C/A信号仿真与二维捕获验证
2026/9/18 0:04:47
AReaL 调试指南:从 Agent Workflow 验证到分布式训练死锁诊断
2026/9/17 23:59:47
OpenUSD hdParticleField 渲染委托解析:面向 3D 高斯泼溅(Gaussian Splat)的 Hydra 示例实现与 usdview 集成指南
2026/9/18 0:04:47
AReaL 调试指南:从 Agent Workflow 验证到分布式训练死锁诊断
2026/9/18 0:04:47
MATLAB实现GPS L1 C/A信号仿真与二维捕获验证
2026/9/18 0:04:47
彻底搞懂ASCII、Unicode与UTF-8:从乱码根源到编码实战
2026/9/16 18:36:59
拯救者Y7000黑屏故障排查与维修实战指南
2026/9/16 7:38:03
AI SDK Harness 依赖更新指南:掌握 harness 包 SDK 依赖的升级、桥接同步与一致性校验
2026/9/17 4:19:54
Refine v5 Ant Design NumberField 组件实战:基于 Intl 的本地化数字格式化