登录社区云,与社区用户共同成长
邀请您加入社区
HarmonyOS的ArkUI框架是华为为鸿蒙生态打造的声明式UI开发范式,它以ArkTS语言为基础,融合了TypeScript的类型安全与声明式UI的简洁表达力。在ArkUI中,开发者通过、、、等装饰器构建页面结构,状态变化自动驱动UI刷新,无需手动操作DOM。这种模式大幅降低了复杂界面的开发成本,尤其在运动健身这类需要频繁数据更新和交互重绘的场景中,声明式UI的优势更加显著——心率、消耗、时长
点量云流深耕六年,率先完成国产操作系统、CPU及GPU的全栈适配,并上架鸿蒙应用市场。以“数据不落地”的实时云渲染方案,让三维应用在信创环境下流畅运行,助力国产化替代成为体验与安全的升级。
new CustomMarkerView() // 实现自定义 MarkerView。
如果团队已有深厚的 Web 前端 ECharts 经验,希望复用现有的配置项(Option),可以通过鸿蒙的 Canvas 封装 ECharts 引擎。对于绝大多数业务场景,直接使用生态市场中经过验证的第三方库是最高效的选择。专为 HarmonyOS NEXT 打造,深度融合了鸿蒙 5.0 的分布式能力,内存占用可降低 40%。这是一个高性能、轻量级的图表库,支持直接嵌入 ArkTS 应用而无需
鸿蒙文件上传下载核心能力解析 摘要 HarmonyOS NEXT通过@ohos.request模块统一封装文件上传下载功能,采用任务对象模型提供完整的生命周期管理。该模块包含两个核心类: DownloadTask:通过downloadFile()创建下载任务,支持配置URL、保存路径、网络权限等参数,提供进度监听、暂停恢复和删除功能。 UploadTask:通过uploadFile()创建上传任务
HarmonyOS NEXT 位置服务开发指南 摘要 本文深入解析了HarmonyOS NEXT的位置服务能力,重点介绍了@ohos.geoLocationManager模块的核心功能和使用方法。该模块提供了两种定位模式:单次定位(getCurrentLocation)和持续追踪(on('locationChange')),全面覆盖从签到打卡到运动轨迹记录的应用场景。 主要内容包括: API架构设
情绪热力图(Mood Heatmap)借鉴了 GitHub 贡献热力图的设计:横轴是星期一到星期日(7 列),纵轴是当月的周次(4-6 行),每个格子代表一天,格子的颜色深浅由当天情绪强度决定。与 GitHub 热力图的一个关键区别:GitHub 用绿色深浅表示代码提交量(越多越绿),我们的情绪热力图用颜色梯度表示情绪状态——越开心越绿,越难过越红。这是一个语义对用户的直接映射,不需要额外的图例学
鸿蒙事件总线:@ohos.events.emitter 模块解析 本文深入介绍了鸿蒙 NEXT 中的 @ohos.events.emitter 事件总线模块,这是一种基于发布-订阅模式的进程内通信机制,类似 Android 的 LiveData 和 iOS 的 NotificationCenter。 核心特点 解耦通信:发布者和订阅者通过事件 ID 关联,无需直接依赖 优先级调度:提供 IMMED
本文介绍了鸿蒙应用开发中的动画曲线机制,重点讲解了@ohos.curves模块的使用方法。该模块通过ICurve接口提供8种曲线工厂函数,包括预设曲线、三阶贝塞尔曲线、物理弹簧曲线等。文章详细解析了五种核心曲线的特性和参数设置:预设曲线initCurve可直接使用12种预定义动画效果;cubicBezierCurve通过控制点实现自定义缓动;springCurve基于物理参数模拟弹性效果;还介绍了
本文介绍了HarmonyOS NEXT提供的@ohos.convertxml模块,这是一个用于处理XML数据的工具,可将XML字符串转换为结构化JavaScript对象。文章详细解析了ConvertOptions配置项,包括7个行为开关(如是否忽略注释、属性等)和11个输出键名自定义选项。通过"XML解析实验室"示例,展示了不同解析选项的实际效果,如保留/忽略注释、属性和CDATA等。该模块特别适
摘要 本文介绍了HarmonyOS NEXT中@ohos.util工具模块的核心功能,重点演示了Base64编解码、UTF-8字节转换和LRU缓存三类实用工具的实现与应用。通过"数据编解码实验室"示例,展示了文本到Base64的双向转换流程,揭示字符与字节的长度差异(如汉字占3字节),并可视化LRU缓存的淘汰机制。这些本地化工具无需网络权限,为应用开发提供了高效的底层支持,适合处理数据编码、字符转
本文介绍了HarmonyOS NEXT中ArkUI的声明式2D矢量绘图组件Shape及其子组件(Circle、Ellipse、Rect、Polygon、Polyline、Path)的使用方法。Shape作为容器定义坐标系和默认样式,支持填充、描边、虚线等属性,与命令式Canvas绘图相比更适用于UI元素。文章详细解析了每种组件的特性和参数配置,如Circle的半径控制、Rect的圆角设置、Poly
**本文基于鸿蒙ArkUI框架,详细讲解如何开发一个功能完善的学生成绩排名表组件。文章从技术选型、数据模型设计开始,逐步实现表格渲染、排序计算、前三名高亮等核心功能。主要内容包括: 采用ArkTS类型系统定义学生成绩数据结构 使用@State进行状态管理,实现数据驱动的UI更新 通过List和ForEach实现高性能滚动列表 利用条件渲染和样式绑定为前三名添加视觉特效 实现总分计算、平均分处理和成
本文介绍了基于鸿蒙ArkUI的数据可视化图例组件化设计与实现方案。针对HarmonyOS NEXT移除了Table组件的情况,提出使用Row+Column弹性布局替代传统表格布局,构建可复用的图例组件库。文章详细讲解了核心组件实现,包括颜色标识(ColorSwatch)、表格单元格(LegendCell)、表格行(LegendTableRow)和区块标题(SectionTitle),并提供了离散型
一套无报错鸿蒙单词卡片 ArkTS 完整示例,实现点击展开单词释义、例句交互,同时梳理开发中接口、动画、页面装饰器相关报错的解决办法,适配鸿蒙初学者练手。
本文分析了基于HarmonyOS的体重记录应用的技术实现,该应用采用ArkUI声明式开发范式,主要功能包括体重数据记录、BMI计算和数据可视化展示。文章从三个方面展开:1)三层架构设计(UI层、业务逻辑层、数据持久层)及其模块依赖关系;2)核心数据结构App_WeightRecord接口定义与JSON序列化处理;3)关键功能模块实现,包括数据管理(增删改查)、BMI计算算法(含健康等级分类)和交互
一个人一天排了多少碳?开车上下班 4.8kg、吃三餐 1-4kg、用空调 1.2kg、用手机电脑 0.4kg——加起来大约 7-15kg。这个数字不算大,但乘以 365 天、乘以 14 亿人——就是全球碳排放总量的大头。个人碳足迹的意义不是"我一个人减排就能拯救地球",而是让抽象的环境问题变得可感知。当你知道开车 10km 排 2.4kg 碳、一棵树一年只能吸收 22kg 碳——你做的每一个小选择
本文介绍了一个基于ArkUI框架的天气应用开发方案。项目采用ArkTS语言和Stage模型,实现实时天气展示、动态主题切换、生活指数展示、天气预报及城市切换等功能。数据模型设计包含天气主数据、小时预报和日预报接口,使用本地模拟数据支持8个城市。状态管理通过@State装饰器实现多变量联动更新,城市切换时可同步更新所有相关状态。核心实现包括:1)根据天气状况动态计算渐变背景色;2)温度条可视化通过温
本文详细介绍了鸿蒙智慧停车应用中各楼层车位状态可视化页面的开发实现。该模块通过进度条直观展示B1、B2、B3三个楼层的车位占用情况(B1占用72%空闲42个、B2占用38%空闲28个、B3占用16%空闲16个),采用不同颜色编码(绿、橙、红)区分占用程度。文章重点解析了HarmonyOS 6.0中使用LinearProgressIndicator组件构建水平布局的技术细节,包括进度条设计、数据组织
本文详细介绍了基于HarmonyOS 6.0开发智慧停车应用首页的实现方案。重点解析了深色主题适配技巧,包括使用低透明度白色叠加层创建层次感,以及通过蓝紫渐变卡片、三色统计卡片构建视觉焦点。文章详细拆解了页面四大模块:采用深蓝灰背景的整体结构、渐变设计的停车场概览卡片、2列网格布局的快捷操作入口,以及展示实时车位数据的楼层状态模块。开发中运用了ArkUI框架的声明式UI特性,实现了深色主题下清晰的
本文介绍了在HarmonyOS 6.0应用中实现数据可视化的方法,通过原生组件构建自定义柱状图和进度条。柱状图采用FractionallySizedBox控制高度比例,直观展示每日用电趋势;进度条使用LinearProgressIndicator显示费用占比。这两种方案避免了第三方库依赖,实现了轻量级的数据可视化效果,适用于校园水电管理等场景,帮助用户快速理解用电趋势和费用分布情况。
本文介绍了基于HarmonyOS 6.0开发的校园水电管理页面设计方案。该页面采用蓝色科技感配色,通过网格布局高效展示水电余额、用量统计、缴费记录等多维度数据。核心模块包括:深色渐变背景的余额卡片突出关键信息;2列网格布局展示电表、水表等仪表数据;横向滚动列表呈现宿舍排名;以及预设金额与自定义输入的充值选项。页面充分利用ArkUI框架的响应式布局能力,实现手机、平板等多设备适配。设计上注重信息层级
本文介绍了使用Flutter开发OpenHarmony血压历史记录列表的实战指南。文章包含三个核心部分:1)需求分析,明确了数据展示、列表渲染、空状态等跨平台功能需求;2)完整Flutter代码实现,展示了历史记录页面主框架、空状态组件和列表项组件的开发;3)技术亮点,包括Flutter标准组件在鸿蒙平台的直接运行、状态自动刷新机制和跨平台兼容性。整套代码无需修改即可同时运行在OpenHarmon
本文介绍了Flutter三方库flutter_local_notifications在OpenHarmony设备上的适配与实战经验。作者在开发健康作息提醒APP时,发现鸿蒙系统与安卓在通知权限、后台机制等方面存在差异,导致通知不弹出、定时失效、点击闪退等问题。文章详细分析了三个主要坑点及其解决方案,包括权限申请、通知渠道适配和回调机制处理。最后提供了完整的可运行代码,包含权限工具类、通知工具类等模
本文分享了Flutter三方库fl_chart在OpenHarmony平台上的适配经验与实战指南。作者基于健康运动模块的开发实践,详细记录了数据可视化功能的实现过程,包括: 开发背景:健康模块需要展示步数趋势、卡路里消耗等图表,但在鸿蒙平台上遇到渲染、性能等问题 技术选型:对比多个图表库后选择fl_chart,因其功能丰富且鸿蒙兼容性好 环境配置:推荐使用0.69版本,并提供完整的pubspec.
Flutter三方库fl_chart鸿蒙适配与数据可视化开发指南 本文记录了Flutter图表库fl_chart在OpenHarmony平台的适配过程与实战经验。作者作为计算机专业学生,在开发健康运动应用时遇到了图表库在鸿蒙平台的兼容性问题,最终选择fl_chart成功实现数据可视化功能。 文章首先分析了健康模块的核心需求,包括步数趋势图、卡路里消耗图等可视化需求,并详细描述了在鸿蒙平台上遇到的三
Flutter三方库sqflite鸿蒙适配与本地数据库开发指南 摘要 本文详细记录了Flutter三方库sqflite在OpenHarmony平台上的适配实践过程。作者作为计算机专业学生,在开发健康运动模块时面临数据持久化需求,经过方案对比选择了sqflite作为本地数据库解决方案。 文章首先分析了Flutter本地存储方案对比,指出sqflite适合结构化数据存储(如健康记录、运动数据等),并分
本文分享了Flutter图表库fl_chart在OpenHarmony平台上的适配经验与实战指南。作者基于健康运动课程设计项目,详细记录了数据可视化开发过程中遇到的三大鸿蒙兼容性问题:图表不渲染、性能卡顿和动画掉帧。通过对比多个图表库后,最终选择fl_chart进行适配,并提供了关键配置说明和代码示例(如步数趋势柱状图的实现)。文章包含环境配置建议、版本选择注意事项以及具体解决方案,帮助开发者在鸿
偏心布局为鸿蒙 PC 热力图组件提供了更灵活的可视化方案,能够精准匹配特殊业务场景与非对称 UI 设计。本文的实现方案基于 ArkUI 声明式开发,兼顾了性能与交互体验,开发者可根据实际需求调整偏心系数、颜色映射与数据来源,快速集成到数据分析、系统监控等 PC 应用中。随着鸿蒙 PC 生态的持续完善,热力图等数据可视化组件将成为提升应用专业性的核心竞争力。
Java全栈开发、SpringBoot2、SpringBoot3、SSM、Vue.js(2、3版本)、Node.js开发、Python Web、PHP、ASP.NET、C、C#、小程序开发、安卓APP开发、鸿蒙APP开发、大数据、机器学习、深度学习、人工智能、目标检测任务、STM32单片机/51系列单片机、PLC设计、Cisico思科/eNSP华为 网络拓扑规划设计等等
YOLO-CT 轻量级框架凭借其独特的设计和优化策略,在肺结节检测领域展现出显著的技术优势。其高效特征提取模块融合 ResNet、FPN 和 DCNv2,能够在复杂的肺部 CT 图像中精准捕捉肺结节的关键特征,为检测任务提供了坚实的基础。通过骨干网改进和头部精简等轻量化优化策略,成功降低了模型的参数规模和计算复杂度,实现了在医疗边缘设备上的高效运行。
本文介绍了鸿蒙与Electron融合开发中实现跨端数据可视化的完整方案。通过WebSocket实现数据实时同步,鸿蒙端采集数据并使用原生图表组件渲染,Electron端借助ECharts实现灵活可视化展示。方案包含核心代码实现、工程化配置和测试流程,具有数据同源多端渲染、轻量化集成和能力互补等优势,适用于工业监控、物联网等场景。文章还提供了优化建议和常见问题解决方案,为开发者构建跨端数据可视化应用
本文介绍了在鸿蒙操作系统中实现多维度数据可视化的方法与应用。文章首先阐述了多维度可视化在商业智能、健康管理、物联网和金融分析等领域的重要价值。接着探讨了三种实现方式:使用MPAndroidChart等第三方图表库、利用鸿蒙原生Canvas绘图API以及集成JavaScript可视化库。重点分析了提升交互性(点击事件、缩放平移)和优化性能(懒加载、异步渲染)的关键策略,并提供了折线图与柱状图结合的代