做云教育集群網(wǎng)站關(guān)鍵詞首頁(yè)排名優(yōu)化價(jià)格
文章目錄
- 一、三方庫(kù)獲取
- 二、常用的三方庫(kù)
- 1. UI庫(kù)：
- 2. 網(wǎng)絡(luò)庫(kù)：
- 3. 動(dòng)畫(huà)庫(kù)：
- 三、使用開(kāi)源三方庫(kù)
- 1. 安裝與卸載
- 2. 使用
- 四、問(wèn)題解決
- 1. zsh: command not found: ohpm
一、三方庫(kù)獲取
- 在Gitee網(wǎng)站中獲取
搜索OpenHarmony-TPC倉(cāng)庫(kù)，在tpc_resource中對(duì)三方庫(kù)進(jìn)行了資源匯總。 - 通過(guò)OpenHarmony三方庫(kù)中心倉(cāng)獲取
根據(jù)類(lèi)型或者直接搜索尋找需要的三方庫(kù)。
二、常用的三方庫(kù)
1. UI庫(kù)：
- @ohos/textlayoutbuilder：可以定制任一樣式的文本構(gòu)建工具，包括字體間距、大小、顏色、富文本高亮顯示等。
- @ohos/roundedimageview：可以生成圓角矩形、或者橢圓形等圖片形狀。
2. 網(wǎng)絡(luò)庫(kù)：
- @ohos/axios：可以運(yùn)行在node.js 和瀏覽器中，基于Axios 原庫(kù)v1.3.4版本進(jìn)行適配，并沿用其現(xiàn)有用法和特性。
3. 動(dòng)畫(huà)庫(kù)：
- @ohos/lottie：可以解析Adobe After Effects軟件通過(guò)Bodymovin插件導(dǎo)出的json格式的動(dòng)畫(huà)，并在移動(dòng)設(shè)備上進(jìn)行本地渲染。
- @ohos/svg：可以解析SVG圖片并渲染到頁(yè)面上。
三、使用開(kāi)源三方庫(kù)
以lottie示例使用三方庫(kù)
@ohos/lottie是基于lottie-web開(kāi)發(fā)，集成在三方庫(kù)社區(qū)內(nèi)的開(kāi)源版本，是HarmonyOS系統(tǒng)中復(fù)雜動(dòng)畫(huà)的一種解決方案。
1. 安裝與卸載
- 安裝
ohpm install @ohos/lottie
- 卸載
ohpm uninstall @ohos/lottie
安裝完成后在根目錄下的oh-package.json5中，可以找到lottie
2. 使用
- 引入lottie模塊
import lottie from '@ohos/lottie'
- 構(gòu)建渲染上下文
// 初始化渲染上下文private renderingSettings: RenderingContextSettings = new RenderingContextSettings(true);private renderingContext: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.renderingSettings);
-
準(zhǔn)備JSON文件
-
關(guān)聯(lián)畫(huà)布
// 加載Canvas畫(huà)布
Canvas(this.renderingContext)
- 加載動(dòng)畫(huà)
this.animateItem = lottie.loadAnimation({container: this.renderingContext,renderer: 'canvas',loop: 10,autoplay: true,name: this.animateName,path: 'common/lottie/data.json'});
- 控制動(dòng)畫(huà)
lottie.play();
四、問(wèn)題解決
1. zsh: command not found: ohpm
MacOS實(shí)用ohpm命令時(shí)報(bào)錯(cuò) zsh: command not found: ohpm 的解決方法：
- 查詢(xún)Ohpm路徑
/Users/xxx/Library/Huawei/ohpm
- 修改.bash_profile
vim .bash_profile
將ohpm環(huán)境變量配置到文件中：
# HUAWEI
export OHPM_HOME=/Users/xxx/Library/Huawei/ohpm
export PATH=${PATH}:${OHPM_HOME}/bin
# HUAWEI END
并輸入命令 source .bash_profile 使配置生效：
source .bash_profile
- 如果退出后無(wú)效，把 bash shell 中.bash_profile 全部環(huán)境變量（也可以只復(fù)制暫時(shí)需要的環(huán)境變量）加入zsh shell里就可以。
vim .zshrc
sourch ~/.zshrc
- 重啟DevEco Studio后生效