HarmonyOS新增300+開源組件
51CTO和華為官方合作共建的鴻蒙技術(shù)社區(qū)
組件有助于降低應(yīng)用開發(fā)難度,提升開發(fā)效率,讓應(yīng)用開發(fā)更簡單高效。 自第一批HarmonyOS 400+組件開源以來,得到了廣大開發(fā)者的一致好評和持續(xù)關(guān)注,應(yīng)廣大開發(fā)者呼聲,我們這期又為大家推出了300多個開源組件。
一、新增開源組件概覽
本次新增300多個開源組件,共涉及8大類(工具、網(wǎng)絡(luò)、文件數(shù)據(jù)、UI、框架、動畫圖形、音視頻、游戲),具體分類如下表所示:

二、如何獲取開源組件
開發(fā)者可以直接通過OpenHarmony Gitee開源地址下載源碼或從HarmonyOS應(yīng)用包管理平臺獲取相關(guān)組件。
1. OpenHarmony Gitee開源地址
如下圖所示,點擊下方鏈接,進入tpc_resource倉庫,此倉庫收集了已經(jīng)開源的三方組件資源,新增組件帶NEW前綴,開發(fā)者可以根據(jù)自身需求參考和使用。
組件獲取鏈接:
https://gitee.com/openharmony-tpc/tpc_resource

2. HarmonyOS應(yīng)用包管理平臺
如下圖所示,點擊下方鏈接,進入HarmonyOS應(yīng)用包管理平臺,開發(fā)者可以根據(jù)自身需求查詢和下載應(yīng)用包。
獲取鏈接:https://hpm.harmonyos.com/hapm/

組件獲取方式已奉上,接下來讓我們一起看看典型組件的效果展示。
三、典型組件效果展示
1. DividedDraggableView
如下圖所示:此組件可實現(xiàn)拖拽效果,多用于新聞類欄目的選擇和排序場景。如:我們在發(fā)布朋友圈圖片動態(tài)時,通過拖拽可以對圖片重新排序;在使用新聞類軟件時,可以根據(jù)喜好拖拽喜歡的分類至首層菜單欄。
源碼下載地址:
https://gitee.com/hihopeorg/DividedDraggableView
2. ohos-audio-visualizer
如下圖所示,此組件可實現(xiàn)音頻可視化,多用于多媒體電臺音樂、語音喚醒動畫等視覺場景。如:播放音樂時,通過圖像的波動展示旋律的變化;用麥克風對講時,可以通過圖像波動的高低判斷音量的高低。
源碼下載地址:
https://gitee.com/chinasoft3_ohos/ohos-audio-visualizer
3. material-rating-bar
如下圖所示,此組件提供星型打分條樣式。如:我們在給各種購物應(yīng)用的打分時,通過點亮星星來展示評分的高低。
源碼下載地址:
https://gitee.com/archermind-ti/material-rating-bar
4. LikeButton
如下圖所示,此組件為點贊效果展示按鈕。如:社交應(yīng)用的點贊、收藏或喜愛,是通過點擊手勢圖標、心形圖標或者笑臉圖標區(qū)分。
源碼下載地址:
https://gitee.com/baijuncheng-open-source/LikeButton
看完上面的動效圖,你是不是也迫不及待地想要動手嘗試一下?接下來將為大家講解開源組件的引用方式~
四、開源組件的引用方式
1.Har包引用(build.gradle)
二進制目錄的引用簡單直接,開發(fā)者只需把組件庫都放進libs目錄即可。做原型時非常方便,是初學(xué)者或者測試時常用的方式。
- dependencies {
- implementation fileTree(dir: 'libs', include: ['*.jar', '*.har'])
- }
2. 源文件引用(build.gradle)
開發(fā)者對使用的組件有優(yōu)化需求的時候,可以進行源文件引用,把源碼下載下來后同步修改。優(yōu)化之后,還可以把源碼貢獻到開源倉中。
- dependencies {
- implementation project(":mylibrary")
- }
3.Maven倉引用(build.gradle)
Maven倉引用適合大規(guī)模團隊開發(fā)或者商業(yè)應(yīng)用開發(fā),開發(fā)者直接在中央倉下載即可
步驟一:
- allprojects{
- repositories {
- maven {
- url ‘file://D:/01.localMaven/’ //本地或遠程Maven倉
- }
- }
- }
步驟二:
- dependencies {
- implementation 'com.huawei.har:mylibrary:1.0.1'
- }
了解完開源組件的引用方式,接下來我們?yōu)榇蠹医榻B開源組件的工程結(jié)構(gòu)和開發(fā)步驟。
五、開源組件的工程結(jié)構(gòu)開發(fā)步驟
1. 工程結(jié)構(gòu)
如下圖所示,開源組件工程目錄分為build編譯目錄、libs依賴庫目錄、src源碼目錄和構(gòu)建腳本,結(jié)構(gòu)清晰易懂。

2. 開發(fā)步驟
如下圖所示,開發(fā)者可以通過HarmonyOS的DevEco Studio工具,來進行組件開發(fā),通過點擊File→New→Module,打開指定模板,組件目錄結(jié)構(gòu)就會自動生成。


DevEco Studio 下載鏈接:
https://developer.harmonyos.com/cn/develop/deveco-studio#download
以上就是本期開源組件的介紹,歡迎各位開發(fā)者前往開源社區(qū)參考和使用。
同時,也歡迎各位開發(fā)者在使用過程中不斷補充和完善組件,期待更多開發(fā)者加入我們,為開源組件貢獻一份力量,壯大鴻蒙生態(tài)!
51CTO和華為官方合作共建的鴻蒙技術(shù)社區(qū)