[文章]HarmonyOS组件更新,新增700+开源组件

阅读量0
0
2
组件是对数据和方法的简单封装,通过使用现成的组件让应用开发更加简单高效。自HarmonyOS组件开源以来,经两次上线,已开源了700+的Java/JS组件,给HarmonyOS开发者带来了极大的方便。开发的脚步永不停歇,在广大组件贡献者的共同努力下,又迎来了第三批组件开源。

一、新增开源组件概览
本次新增开源组件,涉及工具、网络、文件数据、UI、框架、动画图形及音视频7大类,共769个。具体分布详情如图1所示:

11.jpg

图1 新增组件具体分布


下面,本文将着重介绍新增Java组件的获取方式、部分效果展示及引用方式。JS组件的内容将在下期《JS组件开发指南》介绍,敬请期待!

二、如何获取开源Java组件

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

1.  HarmonyOS Gitee开源地址
如图2所示,点击下方链接,进入HarmonyOS-TPC仓库,此仓库收集了已经开源的三方Java组件资源,开发者可以根据自身需求参考和使用。

12.jpg

图2 三方Java组件资源汇总


组件获取链接:
https://gitee.com/HarmonyOS-tpc/

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

13.jpg

图3 应用包管理平台


获取链接:
https://repo.harmonyos.com/#/cn/application/atomService

下面我们一起来看看部分新增组件的效果吧。

三、典型Java组件效果展示
1. Rajawali
Rajawali是HarmonyOS基于OpenGL ES 1.X/2.0/3.0的3D引擎库。提供了丰富的示例,开发者使用它可以很方便地进行3D应用开发。如视频所示,Rajawali提供了9个精美的3D示例:

源码下载地址:
https://gitee.com/archermind-ti/rajawali

2. AAChartCore
AAChartCore是一组易于使用、极其精美而又强大的数据可视化图表框架,遵循极简公式:图表视图+图表模型=您想要的图表。提供了柱形图、条形图、折线图、曲线图、折线填充图、曲线填充图等图形,图表动画效果精致、流畅、美观,如图4所示。

AAChartCore支持监控用户点击事件和单指移动事件,可用于实现双图联动甚至多图联动,以及其他更复杂的自定义用户交互效果,开发者可以非常快速地将交互式图表添加到项目中。

14.gif

图4 AAChartCore效果展示


源码下载地址:
https://gitee.com/chinasoft3_ohos/AAChartCore

3. ohos-spruce
ohos-spruce是一个轻量级的动画库,可帮助编排屏幕上的动画。由于存在许多不同的动画库,开发人员需要确保每个视图都在适当的时间进行动画处理。如图5所示,ohos-spruce轻松实现了屏幕上动画的编排。

15.gif

图5 ohos-spruce效果展示


源码下载地址:
https://gitee.com/hihopeorg/ohos-spruce

4. RxImagePicker
RxImagePicker一个灵活可高度定制的图片选择架构,提供了读取相册和调用系统相机拍照的功能。用户可自由选择图片加载框架,还可设置主题图片的选择界面和预览图片的自适应界面, 如图6所示,用户可选择SystemTheme、WeChatTheme:

16.gif

图6 RxImagePicker效果展示


源码下载地址:
https://gitee.com/chinasoft5_ohos/RxImagePicker

四、Java组件的引用方式
1. Har包引用(build.gradle)
二进制目录的引用简单直接,开发者只需把组件库都放进libs目录即可。做原型时非常方便,是初学者或者测试时常用的方式。
  1. dependencies {
  2.    implementation fileTree(dir: 'libs', include: ['*.jar', '*.har'])
  3. }
复制代码

2. 源文件引用(build.gradle)
开发者对使用的组件有优化需求的时候,可以进行源文件引用,把源码下载下来后同步修改。优化之后,还可以把源码贡献到开源仓中。
  1. dependencies {   
  2.    implementation project(":mylibrary")
  3. }
复制代码

3. Maven仓引用(build.gradle)
Maven仓引用适合大规模团队开发或者商业应用开发,开发者直接在中央仓下载即可。
步骤一:
  1. allprojects{
  2.    repositories{        
  3.       maven{            
  4.          url ‘file://path_to_local_maven_folder  //本地或远程Maven仓      
  5.       }
  6.    }
  7. }
复制代码

步骤二:
  1. dependencies {
  2.    implementation 'com.huawei.har:mylibrary:1.0.1'
  3. }
复制代码

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

五、Java组件工程结构及开发步骤
1.  工程结构
如图7所示,开源组件工程目录分为build编译目录、libs依赖库目录、src源码目录和构建脚本,结构清晰易懂。

17.jpg
图7 开源组件工程目录

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

19.jpg

图8 开发步骤


DevEco Studio下载链接:
https://developer.harmonyos.com/cn/develop/deveco-studio#download

以上就是本期全部内容,点击下方“阅读原文”,跳转到三方组件库。

回帖

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容图片侵权或者其他问题,请联系本站作侵删。 侵权投诉
链接复制成功,分享给好友