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