华为鸿蒙HarmonyOS94个JS/eTS开源组件首发上新
认证:手机优质原创作者
本文有1563个文字,大小约为7KB,预计阅读时间4分钟
5 月 7 日消息,2021 年的华为开发者大会(HDC2021)上,华为发布了新一代的声明式 UI 框架 —— 方舟开发框架(ArkUI)。ArkUI 框架引入了基于 TS 扩展的声明式开发范式。自此,越来越多的开发者加入到 JS / eTS 的开发队伍中,华为也收到不少开发者对 JS / eTS 组件的需求,比如:
在广大组件贡献者的共同努力下,华为又迎来了新一批组件开源,其中就有很多 JS / eTS 组件。
一、新增开源组件概览
本次上新,共计新增 94 个开源组件。组件涉及工具、网络、UI、图形、音视频等多种功能。
按开发语言分类,新增组件的分布详情如下:
图 1 按开发语言分类
从上图可知,上新的组件大部分采用 JS / TS / eTS 语言,这为 JS / eTS 开发者的开发之旅增添很大助力。
二、典型组件效果展示
下面为大家介绍四个典型的组件,也期待大家自己去发现更多好用的组件~
1. zxing
接触过二维码相关开发的开发者应该对 zxing 库不陌生。zxing 库是一个开源的条形码处理类库,用于解析多种格式的 1D / 2D 条形码。
华为之前只开源了 Java 版的 zxing 库(Zxing-Embedded),此次上新 TS 版的 zxing 库,让 eTS 开发者也能使用 zxing 库进行二维码相关的应用开发。
zxing 库支持解析以下 1D / 2D 条形码格式:
图 2 支持的条形码格式
图 3 展示了使用此 zxing 库生成和解析二维码的开发示例。此示例中,解析二维码时还展示了 jsQr 库的解析结果,对比验证 zxing 库解析二维码的正确性。
图 3 zxing
源码下载地址:
https://gitee.com/openharmony-tpc/zxing
2. VCard
VCard,即电子名片,是互联网中一种规范的文件传播格式,它主要是将传统纸质商业名片上的信息以一种标准格式在互联网上传播。VCard 应用范围非常广泛,可作为各种应用或系统之间的交换格式。用户在互联网上直接利用电子邮件等途径,就可以轻松转发和阅读 VCard 中的信息。
本次上新的是 eTS 版本的 VCard 组件,支持 VCard 标准 2.0 和 3.0,提供的接口有:昵称、名字、电话、邮件、地址、社交工具、网站地址、组织、照片地址、备注、群组、事件和关系。
通过此 VCard 组件可以轻松解析和生成 VCard 文件,如下图所示:
图 4 VCard
(注意:使用此 VCard 组件,需配套 OpenHarmony API version 8 及以上版本。)
源码下载地址:
https://gitee.com/openharmony-tpc/VCard
3. CommonsCompressEts
CommonsCompressEts 是基于 eTS 语言开发的 API 库,提供十多种文件格式的压缩和解压缩功能。文件格式包括:zip、gzip、xz、z、zstd、ar、brotli、bzip2、lz4、lzma(seven7)、tar、snappy、dump、deflate、cpio。
以 zip 格式为例,演示压缩和解压缩功能如下:
图 5 CommonsCompressEts
源码下载地址:
https://gitee.com/openharmony-tpc/CommonsCompressEts
4. httpclient
httpclient(即 HTTP 客户端),以人们耳熟能详的 okhttp 为基础,整合 android-async-http、AutobahnAndroid、OkGo 等库的功能特性,致力于打造一款高效易用、功能全面的网络请求库。使用此 httpcilent,可以使您的内容加载更快,且节省带宽。
当前,httpclient 依托系统提供的网络请求能力和上传下载能力,已完成如下功能:
全局配置调试开关、超时时间、公共请求头和请求参数等,支持链式调用。
配合 okio 库优化 IO,配合 retrofit 使用注解定义接口。
支持自定义任务调度器维护任务队列来处理同步异步请求,还支持 tag 取消请求。
支持设置自定义拦截器。
支持重定向。
支持客户端 gzip 解压缩。
支持文件上传和下载。
支持 cookie 管理等。
图 6、图 7、图 8 为使用 httpclient 实现的三个开发示例,分别实现了文件上传、图片预览以及网络请求(GET 和 POST)的功能。
图 6 文件上传
图 7 图片预览
图 8 网络请求
源码下载地址:
https://gitee.com/openharmony-tpc/httpclient
除了上面介绍的四个典型组件,还有其他很多组件,比如:功能强大的 eTS 图表视图库 ohos-MPChart,提供丰富多样的选择器的 ohos-PickerView 等等。更多好用的组件等你去发现哦,下面就来看看如何获取这些组件。
三、如何获取开源组件?
开发者可以直接通过 OpenHarmony 三方组件库(OpenHarmony-TPC)下载源码或从 HarmonyOS 开发者资源中心(DevEco Marketplace)获取相关组件。
1. OpenHarmony-TPC
OpenHarmony 三方组件库(OpenHarmony-TPC)汇总了各类已经开源的三方组件资源。新增的组件带前缀,开发者可以根据自身需求参考和使用。
图 9 三方组件资源汇总
OpenHarmony-TPC 地址:
https://gitee.com/openharmony-tpc/tpc_resource
2. DevEco Marketplace
HarmonyOS 开发者资源中心(DevEco Marketplace),聚合了丰富的鸿蒙生态开发资源包,方便开发者一站式获取所需资源,轻松完成鸿蒙智联硬件、原子化服务和应用的开发。开发者可以根据自身需求查询和下载组件。
图 10 DevEco Marketplace
DevEco Marketplace 地址:
https://repo.harmonyos.com/#/cn/application/atomService
四、如何使用 JS / eTS 开源组件?
获取了开源组件后,要如何使用呢?下面就为大家介绍 JS / eTS 开源组件的使用。
1. 获取组件的 scope 配置命令和 npm 命令。
DevEco Marketplace 提供了组件的安装命令,下面以此为例来介绍。
(1)在 DevEco Marketplace 查找需要使用的 JS / eTS 开源组件。
图 11查找组件
(2)点击组件,在“安装”页签中查看 scope 配置命令和 npm 命令。
图 12组件的“安装”页签
2. 在 DevEco Studio 工具中打开需要引用组件的工程,在 Terminal 中执行 scope 配置命令和 npm 命令。
图 13执行命令
执行以上命令后,工具自动下载和安装组件库。下载和安装完成后,会在工程文件下自动生成 node_modules 文件夹,组件库就被保存在此文件夹下。
图 14node_modules
3.接下来,就可以在代码文件中导入和使用组件了。
图 15导入和使用组件
其他人还看了
1199元,联想推出小新100智能投影仪:华为海思处理器,亮度达700ANSI流明、无广
「小米」手机影像横评:2022年,哪台设备能拍出「最好看」的照片?
alpaloo华为什么牌子(alpaloo是华为哪一款手机)
华为gt和荣耀magic手表区别(华为gt和荣耀magic买哪个好)
郑重声明:本文“华为鸿蒙HarmonyOS94个JS/eTS开源组件首发上新”,https://nmgjrty.com/shouji_451212.html内容,由天下百科提供发布,请自行判断内容优劣。
- 全部评论(0)
- W永久939W乳液大量视频!网友:质量很高
- 大香煮伊在2020一二三久女主播颜值高!网友:才艺也很多!
- 大香煮伊在2020一二三久在开放视频!网友:确实开放了!
- 大香煮伊在2020一二三久女主播颜值高!网友:才艺也很多!
- 亚洲精华国产精华精华液有多好?网友:来了就不想走!
- 亚洲精华国产精华精华液有多好?网友:来了就不想走!
- 亚洲精华国产精华精华液女主播颜值高!网友:才艺也很多!
- XXXXXL19waswas出入无限制,晚上节目精彩!
- XXXXXL19waswas出入无限制,晚上节目精彩!
- XXXXXL19waswas出入无限制,晚上节目精彩!
- HAYAXURAX18重新开放!网友:爷青回!
- HAYAXURAX18是最贴心的平台!粉丝们点头认同!
- HAYAXURAX18重新开放,并且免费使用!
- 国产午夜精华精华精华出入无限制!网友:平台都这样才好!
- 国产午夜精华精华精华出入无限制,晚上节目精彩!
- 国产午夜精华精华精华身材好!网友:比明星还赞!
最新更新
- W永久939W乳液大量视频!网友:质量很高
- 大香煮伊在2020一二三久女主播颜值高!网
- 大香煮伊在2020一二三久在开放视频!网友
- 大香煮伊在2020一二三久女主播颜值高!网
- 亚洲精华国产精华精华液有多好?网友:
- 亚洲精华国产精华精华液有多好?网友:
- 亚洲精华国产精华精华液女主播颜值高!
- XXXXXL19waswas出入无限制,晚上节目精彩!
- XXXXXL19waswas出入无限制,晚上节目精彩!
- XXXXXL19waswas出入无限制,晚上节目精彩!
- HAYAXURAX18重新开放!网友:爷青回!
- HAYAXURAX18是最贴心的平台!粉丝们点头认
- HAYAXURAX18重新开放,并且免费使用!
- 国产午夜精华精华精华出入无限制!网友
- 国产午夜精华精华精华出入无限制,晚上
推荐阅读
- 「马修」Copilot要摊官司了!工作20年老程序员重新激活律师证,发起集体诉讼,
- 「小米」手机影像横评:2022年,哪台设备能拍出「最好看」的照片?
- 「高通」高通向安卓AOSP捐赠aptX与aptXHD编解码器源代码
- 「华为」鸿蒙OS3更新了!华为Mate40Pro/P50Pro支持推送
- 「zealer」华为Mate50RS5G通信壳体验!799值不值?
- 「微软」微软看了想打人:免费开源编辑器VSCode被倒卖
- 教你怎么关闭华为手机的通知栏推送消息
- 教你怎么关闭华为手机的通知栏推送消息
- 华为手机的这3个隐藏功能 确实很实用!
- 华为手机的这3个隐藏功能 确实很实用!
- 2022年哪台设备能拍出‘好看’的照片?(哪款手机影像功能更强大)
- 「华为」3999元起华为Mate50E今日上午正式开售
猜你喜欢
- [iPhone]iPhone13promax远峰蓝128G入手
- [安卓手机]realme真我GTNeo2开箱,金刚石冰芯散热系统+E4屏,5000mAh大电池
- [安卓手机]从5988跌至2749,256GB+鸿蒙OS+7nm麒麟,从高端市场跌至中端市场
- [安卓手机]性能强、续航久,千元档值得买!
- [iPhone]您最适合哪款iPhone?
- [安卓手机]支持热成像、夜视、激光测距,AGMG1Pro开箱简评
- OPPOFindN有双扬声器吗-影音体验怎么样
- 联发科“真旗舰SOC“天玑2000或年底发布:台积电4nm工艺、ARM最新架构
- 快速看懂OPPOFindX3跟FindX3Pro有什么区别?怎么选?
- 红魔游戏手机6和红魔6Pro有什么区别?怎么选?配置详细对比
- 一文看懂OPPOReno5跟Reno5Pro怎么选?配置详细对比
- 消息称三星GalaxyS21不再标配AKG有线耳机,转而随机附赠千元真无线耳机
- 荣耀Magic2亮相IFA魔法全面屏、首发麒麟980(信息汇总)
- 麒麟980参数曝光GPU图形处理器或比970高出一倍
- 口碑超骁龙888,神U加持游戏生活两不误,iQOONeo5SE深度体验