HarmonyOS新增300+开源组件 原创 精华

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

一、新增开源组件概览

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

::: hljs-center

:::

二、如何获取开源组件

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

1. OpenHarmony Gitee开源地址

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

• 组件获取链接：

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

::: hljs-center

:::

2. HarmonyOS应用包管理平台

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

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

::: hljs-center

:::

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

三、典型组件效果展示

1. DividedDraggableView

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

::: hljs-center

:::

源码下载地址：

https://gitee.com/hihopeorg/DividedDraggableView

2. ohos-audio-visualizer

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

::: hljs-center

:::

源码下载地址：

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

3. material-rating-bar

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

::: hljs-center

:::

源码下载地址：

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

4. LikeButton

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

::: hljs-center

:::

源码下载地址：

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

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

四、开源组件的引用方式

1.Har包引用(build.gradle)

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

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

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

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

dependencies {
    implementation project(":mylibrary")
}

3.Maven仓引用(build.gradle)

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

步骤一：

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

步骤二：

dependencies {
    implementation 'com.huawei.har:mylibrary:1.0.1'
}

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

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

1. 工程结构

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

:::

2. 开发步骤

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

:::

::: hljs-center

:::

DevEco Studio 下载链接：

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

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

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