HarmonyOS实战一【JS基础组件】switch、chart等的使用
写在前面
- 嗯,有这样一个活动,所以搞了一个小Demo,顺便学习一个js的鸿蒙的开发方式,感兴趣的小伙伴积极参与,活动地址:HarmonyOS线上Codelabs 系列挑战赛正式开启,多重好礼等你来拿!
- 博文主要是一些前端组件使用的一个Demo,用到
chart,switch,list,swiper,tabs等组件. - 整理感觉
JS的开发方式比安卓要干净许多,好多都不用那么麻烦了,类似于前端UI框架一样,很方便,但是组件用起来和UI框架的比相对不是特别灵活,可能是因为适用性的问题,因为多个终端兼容。
人生中的三大悲剧:熟到没法做情侣,饿得不知道吃什么,困得就是睡不着。
先看看效果:
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
![]() | 数据展示这块有点垃圾,占时也没想Dao别的处理方式, | 只是用list循环了一个线性图的数据,时间原因,有时间在搞一下 |
官方Demo
整体上是在官方的Demo基础上做的,这里把官方的Demo放在这里,感兴趣小伙伴可以看看:【JS基础组件】switch、chart的使用
下面开始愉快尝试
| 步骤 |
|---|
| 新建项目 |
![]() |
![]() |
| 连接模拟器 |
![]() |
代码编写
| 主要是pages文件中 |
|---|
![]() |
更多见博客: HarmonyOS实战一【JS基础组件】switch、chart等的使用
相关推荐
pip-ansys_mapdl_reader-0.50.4-cp37-cp37m-manylinux1_x86_64.whl.zip
pip-ansys_mapdl_reader-0.50.4-cp37-cp37m-manylinux1_x86_64.whl.zip
鸿蒙开发实战项目(三十五):switch、chart组件的使用(JS)
本篇Codelab基于switch组件和chart组件,实现线形图、占比图、柱状图,并通过switch切换chart组件数据的动静态显示。实现静态数据可视化图表。打开开关,实现静态图切换为动态可视化图表。
【鸿蒙实战开发】HarmonyOS实现静态与动态数据可视化图表
本篇Codelab基于switch组件和chart组件,实现线形图、占比图、柱状图,并通过switch切换chart组件数据的动静态显示。要求实现以下功能:
HarmonyOS实现静态与动态数据可视化图表
如果你还没有掌握鸿蒙,现在想要在最短的时间里吃透它,可以参考一下这份《鸿蒙开发学习指南》,里面内容包含了:配置,资源分类,ArkTs,ArkUI,应用模型,web开发,UI开发……等知识点记录。这套资料结合鸿蒙官方发布笔记,由前三星项目经理联合整理收纳,现任腾讯课堂特聘讲师。其具有深厚的学术背景和丰富的项目及业务落地经验话就不多说了,接下来好好看下这份资料。
Electron跨平台开发:鸿蒙PC剪刀石头布游戏实战
跨平台开发是现代应用开发的重要方向,Electron框架通过整合Chromium和Node.js,使开发者能够使用Web技术构建桌面应用。其核心原理是利用主进程管理原生功能,渲染进程处理UI交互,通过进程间通信实现数据交换。这种架构特别适合需要快速迭代、代码复用的项目,在工具类应用、轻量级游戏等场景广泛应用。以剪刀石头布游戏为例,开发者可以学习到Electron的状态管理、动画实现和跨平台适配等关键技术。结合鸿蒙PC的生态特点,项目还涉及系统API兼容性、性能优化等工程实践,为国产操作系统应用开发提供了参考













