又有400多個元件支援鴻蒙了!
HarmonyOS目前提供了16000多個API,而在API之外HarmonyOS還提供一系列 元件庫供開發者使用,這些庫明顯降低了應用開發者的開發難度,從而提升開發效率,讓應用開發更簡單高效。
HarmonyOS元件庫在OpenHarmony開源社群上可以直接獲取,華為也還在不斷擴增當中。如此好用的HarmonyOS元件庫到底是什麼?我們可以從以下五個方面來理解。
一、 HarmonyOS元件庫介紹
2021年,HarmonyOS將陸續推出1000+元件,包含UI、動畫圖形、框架、安全、工具、網路、檔案資料、多媒體、圖片快取和基礎功能,共10類(具體類別可參見下圖),具有多裝置形態可用、多端部署、效能最佳化三大特點。
二、 HarmonyOS元件Project目錄結構
HarmonyOS元件的專案工程目錄結構與Java工程類似,分為build編譯目錄、libs依賴庫目錄、src原始碼目錄和構建指令碼,結構清晰易懂。
開發者可以透過HarmonyOS的IDE工具DevEco Studio直接使用元件來進行專案開發,只需開啟指定模板,相關目錄結構就會自動匯入到工程檔案中。
●DevEco Studio下載連結:https://developer.harmonyos.com/cn/develop/deveco-studio#download
三、元件的引用方式
常用元件的引用方式有以下三種:
1.Har包引用(build.gradle)
二進位制目錄的引用簡單直接,開發者只需把元件庫都放進libs目錄即可。做原型時非常方便,是初學者或者測試時常用的方式。
dependencies {
implementation project(":mylibrary")
}
2. 原始檔引用(build.gradle)
開發者對使用的元件有最佳化需求的時候,可以進行原始檔引用,把原始碼下載下來後同步修改。最佳化之後,還可以把原始碼貢獻到開源倉中。
dependencies {
implementation fileTree(dir: 'libs', include: ['*.jar', '*.har'])
}
3. Maven倉引用(build.gradle)
Maven倉引用適合大規模團隊開發或者商業應用開發,開發者直接在中央倉下載即可。
步驟一:
allprojects{
repositories {
maven {
url ‘file://D:/01.localMaven/’ //本地或遠端Maven倉
}
}
}
步驟二:
dependencies {
implementation 'com.huawei.har:mylibrary:1.0.1'
}
四、元件庫如何獲取
開發者透過OpenHarmony Gitee開源地址下載原始碼,或在HarmonyOS官網元件庫文件當中,即可獲取相關元件。
1. 元件庫原始碼獲取路徑
●Gitee開源連結:
2. 元件庫文件獲取路徑
HarmonyOS元件庫統一管理平臺,可以方便快捷地查詢文件。
●連結地址:
五、部分元件Demo效果展示
1. BezierMaker:簡單的貝塞爾曲線繪製方法
●原始碼下載地址:/BezierMaker
2. Cardslib:卡片式佈局庫
●原始碼下載地址:/cardslib
3. confetti模仿雪花飄落的動畫
●原始碼下載地址:/confetti
4. FileDownloader:檔案下載庫
●原始碼下載地址:/FileDownloader
透過以上的介紹和描述,相信各位對HarmonyOS元件庫如何使用應該有了一些基礎的概念與認知。HarmonyOS元件庫可以幫助開發者更加高效地開發應用,與此同時,它的良性發展也需要開發者們在使用時不斷反饋、補充和完善。HarmonyOS生態的壯大繁榮,需要更多開發者的力量加入。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69997629/viewspace-2770207/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 鴻蒙ArkWeb 元件多媒體探究:從影片到音訊鴻蒙Web元件音訊
- 鴻蒙HarmonyOS實戰-ArkUI元件(Canvas)鴻蒙UI元件Canvas
- 鴻蒙HarmonyOS實戰-ArkUI元件(Menu)鴻蒙UI元件
- 鴻蒙HarmonyOS實戰-ArkUI元件(Navigation)鴻蒙UI元件Navigation
- 鴻蒙HarmonyOS實戰-ArkUI元件(CustomDialog)鴻蒙UI元件
- 鴻蒙HarmonyOS實戰-ArkUI元件(List)鴻蒙UI元件
- 鴻蒙HarmonyOS實戰-ArkUI元件(Swiper)鴻蒙UI元件
- 鴻蒙HarmonyOS實戰-ArkUI元件(Stack)鴻蒙UI元件
- 鴻蒙HarmonyOS實戰-ArkUI元件(mediaquery)鴻蒙UI元件
- 鴻蒙HarmonyOS實戰-ArkUI元件(Video)鴻蒙UI元件IDE
- 鴻蒙HarmonyOS實戰-ArkUI元件(Popup)鴻蒙UI元件
- 鴻蒙HarmonyOS實戰-ArkUI元件(Button)鴻蒙UI元件
- 鴻蒙HarmonyOS實戰-ArkUI元件(Toggle)鴻蒙UI元件
- 鴻蒙HarmonyOS實戰-ArkUI元件(Progress)鴻蒙UI元件
- 鴻蒙HarmonyOS實戰-ArkUI元件(Flex)鴻蒙UI元件Flex
- 鴻蒙HarmonyOS實戰-ArkUI元件(RelativeContainer)鴻蒙UI元件AI
- 鴻蒙HarmonyOS實戰-ArkUI元件(Image)鴻蒙UI元件
- 鴻蒙HarmonyOS實戰-ArkUI元件(Shape)鴻蒙UI元件
- 鴻蒙HarmonyOS實戰-ArkUI元件(Tabs)鴻蒙UI元件
- 鴻蒙安全控制元件簡介鴻蒙控制元件
- 鴻蒙HarmonyOS實戰-ArkUI元件(Grid/GridItem)鴻蒙UI元件
- 鴻蒙HarmonyOS實戰-ArkUI元件(Row/Column)鴻蒙UI元件
- 鴻蒙HarmonyOS實戰-Stage模型(UIAbility元件)鴻蒙模型UI元件
- 鴻蒙HarmonyOS實戰-Stage模型(ExtensionAbility元件)鴻蒙模型元件
- 鴻蒙HarmonyOS實戰-ArkUI元件(TextInput/TextArea)鴻蒙UI元件
- 鴻蒙HarmonyOS實戰-ArkUI元件(GridRow/GridCol)鴻蒙UI元件
- 鴻蒙NEXT自定義元件:太極Loading鴻蒙元件
- Taro 3.5 canary 釋出:支援適配 鴻蒙鴻蒙
- 鴻蒙程式設計江湖:ArkTS 的多執行緒與序列化支援鴻蒙程式設計執行緒
- 鴻蒙HarmonyOS實戰-ArkUI元件(頁面路由)鴻蒙UI元件路由
- 鴻蒙HarmonyOS實戰-Stage模型(AbilityStage元件容器)鴻蒙模型元件
- 華為鴻蒙 Web 元件:高效除錯策略鴻蒙Web元件除錯
- 鴻蒙安全控制元件之位置控制元件簡介鴻蒙控制元件
- Taro 3.5 canary 釋出:支援適配 鴻蒙&&OpenHarmony鴻蒙
- 給網頁換個鴻蒙字型網頁鴻蒙
- 3.5鴻蒙鴻蒙
- 鴻蒙layoutWeight鴻蒙
- 鴻蒙安全控制元件之儲存控制元件簡介鴻蒙控制元件