HarmonyOS新增300+开源组件

开源 OpenHarmony
组件有助于降低应用开发难度,提升开发效率,让应用开发更简单高效。本次新增300多个开源组件,共涉及8大类(工具、网络、文件数据、UI、框架、动画图形、音视频、游戏)。

[[415360]]

想了解更多内容,请访问:

51CTO和华为官方合作共建的鸿蒙技术社区

https://harmonyos.51cto.com

组件有助于降低应用开发难度,提升开发效率,让应用开发更简单高效。 自第一批HarmonyOS 400+组件开源以来,得到了广大开发者的一致好评和持续关注,应广大开发者呼声,我们这期又为大家推出了300多个开源组件。

一、新增开源组件概览

本次新增300多个开源组件,共涉及8大类(工具、网络、文件数据、UI、框架、动画图形、音视频、游戏),具体分类如下表所示:

HarmonyOS新增300+开源组件-鸿蒙HarmonyOS技术社区

二、如何获取开源组件

开发者可以直接通过OpenHarmony Gitee开源地址下载源码或从HarmonyOS应用包管理平台获取相关组件。

1. OpenHarmony Gitee开源地址

如下图所示,点击下方链接,进入tpc_resource仓库,此仓库收集了已经开源的三方组件资源,新增组件带NEW前缀,开发者可以根据自身需求参考和使用。

组件获取链接:

https://gitee.com/openharmony-tpc/tpc_resource

HarmonyOS新增300+开源组件-鸿蒙HarmonyOS技术社区

2. HarmonyOS应用包管理平台

如下图所示,点击下方链接,进入HarmonyOS应用包管理平台,开发者可以根据自身需求查询和下载应用包。

获取链接:https://hpm.harmonyos.com/hapm/

HarmonyOS新增300+开源组件-鸿蒙HarmonyOS技术社区

组件获取方式已奉上,接下来让我们一起看看典型组件的效果展示。

三、典型组件效果展示

1. DividedDraggableView

如下图所示:此组件可实现拖拽效果,多用于新闻类栏目的选择和排序场景。如:我们在发布朋友圈图片动态时,通过拖拽可以对图片重新排序;在使用新闻类软件时,可以根据喜好拖拽喜欢的分类至首层菜单栏。

源码下载地址:

https://gitee.com/hihopeorg/DividedDraggableView

2. ohos-audio-visualizer

如下图所示,此组件可实现音频可视化,多用于多媒体电台音乐、语音唤醒动画等视觉场景。如:播放音乐时,通过图像的波动展示旋律的变化;用麦克风对讲时,可以通过图像波动的高低判断音量的高低。

源码下载地址:

https://gitee.com/chinasoft3_ohos/ohos-audio-visualizer

3. material-rating-bar

如下图所示,此组件提供星型打分条样式。如:我们在给各种购物应用的打分时,通过点亮星星来展示评分的高低。

[[415361]]

源码下载地址:

https://gitee.com/archermind-ti/material-rating-bar

4. LikeButton

如下图所示,此组件为点赞效果展示按钮。如:社交应用的点赞、收藏或喜爱,是通过点击手势图标、心形图标或者笑脸图标区分。

源码下载地址:

https://gitee.com/baijuncheng-open-source/LikeButton

看完上面的动效图,你是不是也迫不及待地想要动手尝试一下?接下来将为大家讲解开源组件的引用方式~

四、开源组件的引用方式

1.Har包引用(build.gradle)

二进制目录的引用简单直接,开发者只需把组件库都放进libs目录即可。做原型时非常方便,是初学者或者测试时常用的方式。

  1. dependencies { 
  2.     implementation fileTree(dir: 'libs', include: ['*.jar''*.har']) 

2. 源文件引用(build.gradle)

开发者对使用的组件有优化需求的时候,可以进行源文件引用,把源码下载下来后同步修改。优化之后,还可以把源码贡献到开源仓中。

  1. dependencies { 
  2.     implementation project(":mylibrary"

3.Maven仓引用(build.gradle)

Maven仓引用适合大规模团队开发或者商业应用开发,开发者直接在中央仓下载即可

步骤一:

  1. allprojects{ 
  2. repositories { 
  3.         maven { 
  4.             url ‘file://D:/01.localMaven/’  //本地或远程Maven仓 
  5.         } 

步骤二:

  1. dependencies { 
  2.     implementation 'com.huawei.har:mylibrary:1.0.1' 

了解完开源组件的引用方式,接下来我们为大家介绍开源组件的工程结构和开发步骤。

五、开源组件的工程结构开发步骤

1. 工程结构

如下图所示,开源组件工程目录分为build编译目录、libs依赖库目录、src源码目录和构建脚本,结构清晰易懂。

HarmonyOS新增300+开源组件-鸿蒙HarmonyOS技术社区

2. 开发步骤

如下图所示,开发者可以通过HarmonyOS的DevEco Studio工具,来进行组件开发,通过点击File→New→Module,打开指定模板,组件目录结构就会自动生成。

HarmonyOS新增300+开源组件-鸿蒙HarmonyOS技术社区
HarmonyOS新增300+开源组件-鸿蒙HarmonyOS技术社区

DevEco Studio 下载链接:

https://developer.harmonyos.com/cn/develop/deveco-studio#download

以上就是本期开源组件的介绍,欢迎各位开发者前往开源社区参考和使用。

同时,也欢迎各位开发者在使用过程中不断补充和完善组件,期待更多开发者加入我们,为开源组件贡献一份力量,壮大鸿蒙生态!

想了解更多内容,请访问:

51CTO和华为官方合作共建的鸿蒙技术社区

https://harmonyos.51cto.com

 

责任编辑:jianghua 来源: 鸿蒙社区
相关推荐

2018-07-23 11:40:31

CIO

2016-03-31 10:44:17

浪潮

2021-09-08 13:48:40

漏洞数据泄露网络攻击

2022-01-07 15:23:04

联想

2023-07-03 09:55:01

2017-11-06 10:35:02

SaasCAC云计算

2021-03-29 15:25:47

算法开源技术

2021-08-02 14:54:50

鸿蒙HarmonyOS应用

2024-04-01 09:42:16

2021-08-09 10:24:49

鸿蒙HarmonyOS应用

2021-08-26 16:07:46

鸿蒙HarmonyOS应用

2021-08-04 14:16:41

鸿蒙HarmonyOS应用

2021-04-28 15:07:06

鸿蒙HarmonyOS应用

2021-03-24 09:30:49

鸿蒙HarmonyOS应用

2021-08-03 12:47:58

鸿蒙HarmonyOS应用

2021-03-10 15:03:40

鸿蒙HarmonyOS应用

2021-04-29 14:32:24

鸿蒙HarmonyOS应用

2023-07-23 19:18:50

3DGitHub

2009-09-12 20:48:06

点赞
收藏

51CTO技术栈公众号