HarmonyOS新增300+開源組件
組件有助于降低應用開發難度,提升開發效率,讓應用開發更簡單高效。 自第一批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
以上就是本期開源組件的介紹,歡迎各位開發者前往開源社區參考和使用。
同時,也歡迎各位開發者在使用過程中不斷補充和完善組件,期待更多開發者加入我們,為開源組件貢獻一份力量,壯大鴻蒙生態!



























