HarmonyOS实战一【JS基础组件】switch、chart等的使用

山河已无恙 山河已无恙 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区

写在前面


  • 嗯,有这样一个活动,所以搞了一个小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

aixiaofen

鸿蒙开发实战项目(三十五):switch、chart组件的使用(JS)

本篇Codelab基于switch组件和chart组件,实现线形图、占比图、柱状图,并通过switch切换chart组件数据的动静态显示。实现静态数据可视化图表。打开开关,实现静态图切换为动态可视化图表。

斌擎科技

【鸿蒙实战开发】HarmonyOS实现静态与动态数据可视化图表

本篇Codelab基于switch组件和chart组件,实现线形图、占比图、柱状图,并通过switch切换chart组件数据的动静态显示。要求实现以下功能:

代码改变世界996

HarmonyOS实现静态与动态数据可视化图表

如果你还没有掌握鸿蒙,现在想要在最短的时间里吃透它,可以参考一下这份《鸿蒙开发学习指南》,里面内容包含了:配置,资源分类,ArkTs,ArkUI,应用模型,web开发,UI开发……等知识点记录。这套资料结合鸿蒙官方发布笔记,由前三星项目经理联合整理收纳,现任腾讯课堂特聘讲师。其具有深厚的学术背景和丰富的项目及业务落地经验话就不多说了,接下来好好看下这份资料。

huahaiyi

Electron跨平台开发:鸿蒙PC剪刀石头布游戏实战

跨平台开发是现代应用开发的重要方向,Electron框架通过整合Chromium和Node.js,使开发者能够使用Web技术构建桌面应用。其核心原理是利用主进程管理原生功能,渲染进程处理UI交互,通过进程间通信实现数据交换。这种架构特别适合需要快速迭代、代码复用的项目,在工具类应用、轻量级游戏等场景广泛应用。以剪刀石头布游戏为例,开发者可以学习到Electron的状态管理、动画实现和跨平台适配等关键技术。结合鸿蒙PC的生态特点,项目还涉及系统API兼容性、性能优化等工程实践,为国产操作系统应用开发提供了参考

weixin_34392435
评论
收藏 已收藏
分享
返回顶部
山河已无恙
山河已无恙 优质创作者: 云计算技术领域 优质创作者: 云计算技术领域领域专家: 后端开发技术领域 领域专家: 后端开发技术领域
HarmonyOS开发者社区 5,354 成员 4,002 内容