亿信开发者
我们一直在努力

HarmonyOS 新增 300+ 开源组件

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

一、新增开源组件概览

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

二、如何获取开源组件

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

1.  OpenHarmony Gitee 开源地址

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

2. HarmonyOS 应用包管理平台

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

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

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

三、典型组件效果展示

1.  DividedDraggableView

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

源码下载地址:

https://gitee.com/hihopeorg/DividedDraggableView

2.   ohos-audio-visualizer

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

源码下载地址:

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

3.   material-rating-bar

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

源码下载地址:

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

4.   LikeButton

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

源码下载地址:

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 源码目录和构建脚本,结构清晰易懂。

2.  开发步骤

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

DevEco Studio 下载链接:

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

赞(0)
未经允许不得转载:亿信开发者 » HarmonyOS 新增 300+ 开源组件