HarmonyOS新增300+開源組件
51CTO和華為官方合作共建的鴻蒙技術(shù)社區(qū)
組件有助于降低應(yīng)用開發(fā)難度，提升開發(fā)效率，讓應(yīng)用開發(fā)更簡(jiǎn)單高效。 自第一批HarmonyOS 400+組件開源以來(lái)，得到了廣大開發(fā)者的一致好評(píng)和持續(xù)關(guān)注，應(yīng)廣大開發(fā)者呼聲，我們這期又為大家推出了300多個(gè)開源組件。
一、新增開源組件概覽
本次新增300多個(gè)開源組件，共涉及8大類(工具、網(wǎng)絡(luò)、文件數(shù)據(jù)、UI、框架、動(dòng)畫圖形、音視頻、游戲)，具體分類如下表所示：
二、如何獲取開源組件
開發(fā)者可以直接通過OpenHarmony Gitee開源地址下載源碼或從HarmonyOS應(yīng)用包管理平臺(tái)獲取相關(guān)組件。
1. OpenHarmony Gitee開源地址
如下圖所示，點(diǎn)擊下方鏈接，進(jìn)入tpc_resource倉(cāng)庫(kù)，此倉(cāng)庫(kù)收集了已經(jīng)開源的三方組件資源，新增組件帶NEW前綴，開發(fā)者可以根據(jù)自身需求參考和使用。
組件獲取鏈接：
https://gitee.com/openharmony-tpc/tpc_resource
2. HarmonyOS應(yīng)用包管理平臺(tái)
如下圖所示，點(diǎn)擊下方鏈接，進(jìn)入HarmonyOS應(yīng)用包管理平臺(tái)，開發(fā)者可以根據(jù)自身需求查詢和下載應(yīng)用包。
獲取鏈接：https://hpm.harmonyos.com/hapm/
組件獲取方式已奉上，接下來(lái)讓我們一起看看典型組件的效果展示。
三、典型組件效果展示
1. DividedDraggableView
如下圖所示：此組件可實(shí)現(xiàn)拖拽效果，多用于新聞?lì)悪谀康倪x擇和排序場(chǎng)景。如：我們?cè)诎l(fā)布朋友圈圖片動(dòng)態(tài)時(shí)，通過拖拽可以對(duì)圖片重新排序;在使用新聞?lì)愜浖r(shí)，可以根據(jù)喜好拖拽喜歡的分類至首層菜單欄。
源碼下載地址：
https://gitee.com/hihopeorg/DividedDraggableView
2. ohos-audio-visualizer
如下圖所示，此組件可實(shí)現(xiàn)音頻可視化，多用于多媒體電臺(tái)音樂、語(yǔ)音喚醒動(dòng)畫等視覺場(chǎng)景。如：播放音樂時(shí)，通過圖像的波動(dòng)展示旋律的變化;用麥克風(fēng)對(duì)講時(shí)，可以通過圖像波動(dòng)的高低判斷音量的高低。
源碼下載地址：
https://gitee.com/chinasoft3_ohos/ohos-audio-visualizer
3. material-rating-bar
如下圖所示，此組件提供星型打分條樣式。如：我們?cè)诮o各種購(gòu)物應(yīng)用的打分時(shí)，通過點(diǎn)亮星星來(lái)展示評(píng)分的高低。
源碼下載地址：
https://gitee.com/archermind-ti/material-rating-bar
4. LikeButton
如下圖所示，此組件為點(diǎn)贊效果展示按鈕。如：社交應(yīng)用的點(diǎn)贊、收藏或喜愛，是通過點(diǎn)擊手勢(shì)圖標(biāo)、心形圖標(biāo)或者笑臉圖標(biāo)區(qū)分。
源碼下載地址：
https://gitee.com/baijuncheng-open-source/LikeButton
看完上面的動(dòng)效圖，你是不是也迫不及待地想要?jiǎng)邮謬L試一下?接下來(lái)將為大家講解開源組件的引用方式~
四、開源組件的引用方式
1.Har包引用(build.gradle)
二進(jìn)制目錄的引用簡(jiǎn)單直接，開發(fā)者只需把組件庫(kù)都放進(jìn)libs目錄即可。做原型時(shí)非常方便，是初學(xué)者或者測(cè)試時(shí)常用的方式。
- dependencies {
- implementation fileTree(dir: 'libs', include: ['*.jar', '*.har'])
- }
2. 源文件引用(build.gradle)
開發(fā)者對(duì)使用的組件有優(yōu)化需求的時(shí)候，可以進(jìn)行源文件引用，把源碼下載下來(lái)后同步修改。優(yōu)化之后，還可以把源碼貢獻(xiàn)到開源倉(cāng)中。
- dependencies {
- implementation project(":mylibrary")
- }
3.Maven倉(cāng)引用(build.gradle)
Maven倉(cāng)引用適合大規(guī)模團(tuán)隊(duì)開發(fā)或者商業(yè)應(yīng)用開發(fā)，開發(fā)者直接在中央倉(cāng)下載即可
步驟一：
- allprojects{
- repositories {
- maven {
- url ‘file://D:/01.localMaven/’ //本地或遠(yuǎn)程Maven倉(cāng)
- }
- }
- }
步驟二：
- dependencies {
- implementation 'com.huawei.har:mylibrary:1.0.1'
- }
了解完開源組件的引用方式，接下來(lái)我們?yōu)榇蠹医榻B開源組件的工程結(jié)構(gòu)和開發(fā)步驟。
五、開源組件的工程結(jié)構(gòu)開發(fā)步驟
1. 工程結(jié)構(gòu)
如下圖所示，開源組件工程目錄分為build編譯目錄、libs依賴庫(kù)目錄、src源碼目錄和構(gòu)建腳本，結(jié)構(gòu)清晰易懂。
2. 開發(fā)步驟
如下圖所示，開發(fā)者可以通過HarmonyOS的DevEco Studio工具，來(lái)進(jìn)行組件開發(fā)，通過點(diǎn)擊File→New→Module,打開指定模板，組件目錄結(jié)構(gòu)就會(huì)自動(dòng)生成。
DevEco Studio 下載鏈接：
https://developer.harmonyos.com/cn/develop/deveco-studio#download
以上就是本期開源組件的介紹，歡迎各位開發(fā)者前往開源社區(qū)參考和使用。
同時(shí)，也歡迎各位開發(fā)者在使用過程中不斷補(bǔ)充和完善組件，期待更多開發(fā)者加入我們，為開源組件貢獻(xiàn)一份力量，壯大鴻蒙生態(tài)!
51CTO和華為官方合作共建的鴻蒙技術(shù)社區(qū)
