组件有助于降低应用开发难度,提升开发效率,让应用开发更简单高效。 自第一批HarmonyOS 400+组件开源以来,得到了广大开发者的一致好评和持续关注,应广大开发者呼声,我们这期又为大家推出了300多个开源组件。
一、新增开源组件概览
本次新增300多个开源组件,共涉及8大类(工具、网络、文件数据、UI、框架、动画图形、音视频、游戏),具体分类如下表所示:
二、如何获取开源组件
开发者可以直接通过OpenHarmony Gitee开源地址下载源码或从HarmonyOS应用包管理平台获取相关组件。
1. OpenHarmony Gitee开源地址
如下图所示,点击下方链接,进入tpc_resource仓库,此仓库收集了已经开源的三方组件资源,新增组件带NEW前缀,开发者可以根据自身需求参考和使用。
组件获取链接:
https://gitee.com/openharmony-tpc/tpc_resource
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
以上就是本期开源组件的介绍,欢迎各位开发者前往开源社区参考和使用。
同时,也欢迎各位开发者在使用过程中不断补充和完善组件,期待更多开发者加入我们,为开源组件贡献一份力量,壮大鸿蒙生态!