Android 發(fā)展到現(xiàn)在不僅提供了很多 API，還提供了很多第三方庫(kù)。這降低了我們開(kāi)發(fā)者的開(kāi)發(fā)難度，提升了開(kāi)發(fā)效率，讓?xiě)?yīng)用開(kāi)發(fā)更加的簡(jiǎn)單高效。

眾所周知，HarmonyOS 除了提供 16000 多個(gè) API 外也是支持組件庫(kù)的調(diào)用的，那么鴻蒙應(yīng)用開(kāi)發(fā)是如何與第三方庫(kù)銜接的呢？

加載一張圖片是每個(gè)應(yīng)用所需的功能，在 Android 平臺(tái)提供的有 Glide、ImageLoader、Picasso，其中 Glide 最被開(kāi)發(fā)者熟知，所以我就以 Glide 作為例子驗(yàn)證在 HarmonyOS 開(kāi)發(fā)中如何使用圖片加載庫(kù)。

組件庫(kù)（Glide）的依賴方式

HarmonyOS 應(yīng)用開(kāi)發(fā)提供了三種常用的組件庫(kù)引入方式，以下的三種依賴方式都是在 build.grade 中操作。

①M(fèi)aven 倉(cāng)的依賴方式

以下驗(yàn)證過(guò)程的圖片加載庫(kù) Glide 采用的就是這種方式。

步驟一：

allprojects{
repositories{
maven{
url'https://repo.huaweicloud.com/repository/maven/'
}
jcenter()
mavenCentral()
}
}

步驟二：

dependencies{
implementationfileTree(dir:'libs',include:['*.jar','*.har'])
implementation'io.openharmony.tpc.thirdlib1.1.2'
}

②Module 的依賴方式

dependencies{
implementationfileTree(dir:'libs',include:['*.jar','*.har'])
implementationproject(path:':glidelibrary')
}

如果在 setting.gradle 沒(méi)有對(duì)該 glidelibrary 的配置，就要手動(dòng)添加，如下。

include':entry',':glidelibrary'

③Har 包的依賴方式

dependencies{
implementationfileTree(dir:'libs',include:['*.jar','*.har'])
}

組件庫(kù)（Glide）的使用

①配置

允許 HTTP 的請(qǐng)求：

"deviceConfig":{
"default":{
"network":{
"cleartextTraffic":true
}
}
}

網(wǎng)絡(luò)權(quán)限的設(shè)置：

"module":{
"reqPermissions":[
{
"name":"ohos.permission.INTERNET"
}
]
}

②加載圖片

調(diào)用方式：

Imageimage=(Image)findComponentById(ResourceTable.Id_img);
//LoadImagefromInternet（圖片來(lái)源于即構(gòu)官網(wǎng)的網(wǎng)絡(luò)圖）
StringimagePath="https://www.zego.im/_nuxt/img/53992d2.png";
//LoadImagefromResourceFolder（本地圖片）
intimageResourceId=ResourceTable.Media_zego_img;
Glide.with(this)
.load(imagePath)
.diskCacheStrategy(DiskCacheStrategy.NONE)
.skipMemoryCache(true)
.into(image);

③加載 GIF 動(dòng)圖

調(diào)用方式：

DraweeViewdraweeView=(DraweeView)findComponentById(ResourceTable.Id_draweeView);
StringimagePath="loadgiffromnetwork";
intimageResourceId="loadgiffromnative";
Glide.with(this)
.asGif()
.load(imageResourceId)
.into(draweeView);

所以 Glide 要使用 gif 的能力就要使用 DraweeView。

"$+id:draweeView"
ohos:height="180vp"
ohos:width="180vp"
ohos:layout_alignment="center"/>

因?yàn)榧虞d gif 的過(guò)程，對(duì)系統(tǒng)的性能消耗是非常大的，所以在使用完的時(shí)候要及時(shí)釋放資源，防止內(nèi)存泄漏。

@Override
protectedvoidonBackground(){
super.onBackground();
draweeView.stopGif();
}

④加載圓角圖片

加載圓角圖片，把圓角 raduis 傳進(jìn)來(lái)，就可以繪制圓角度。

publicclassGlideRoundTransformextendsBitmapTransformation{

privatestaticfloatradius=0f;

publicGlideRoundTransform(Contextcontext){
this(context,0);
}

publicGlideRoundTransform(Contextcontext,intdp){
super();
this.radius=dp;
}

@Override
protectedPixelMaptransform(@NonNlsBitmapPoolpool,@NonNlsPixelMaptoTransform,intoutWidth,intoutHeight){
intwidth=toTransform.getImageInfo().size.width;
intheight=toTransform.getImageInfo().size.height;

PixelFormatconfig=
toTransform.getImageInfo()!=null?toTransform.getImageInfo().pixelFormat:PixelFormat.ARGB_8888;
PixelMapbitmap=pool.get(width,height,config);

setCanvasBitmapDensity(toTransform,bitmap);

Canvascanvas=newCanvas(newTexture(bitmap));
canvas.drawPixelMapHolderRoundRectShape(newPixelMapHolder(toTransform),newRectFloat(0,0,width,height),newRectFloat(0,0,width,height),radius,radius);
returnbitmap;
}

@Override
publicvoidupdateDiskCacheKey(MessageDigestmessageDigest){

}

}

調(diào)用方式：

Imageimage=(Image)findComponentById(ResourceTable.Id_img);
RequestOptionsmyOptions=newRequestOptions().transform(newGlideRoundTransform(getContext(),30));
Glide.with(this)
.load(ResourceTable.Media_zego_img_round)
.diskCacheStrategy(DiskCacheStrategy.NONE)
.skipMemoryCache(true)
.fitCenter()
.apply(myOptions)
.into(image);

總結(jié)