Android 发展到现在不仅提供了很多 API，还提供了很多第三方库。这降低了我们开发者的开发难度，提升了开发效率，让应用开发更加的简单高效。
众所周知，HarmonyOS 除了提供 16000 多个 API 外也是支持组件库的调用的，那么鸿蒙应用开发是如何与第三方库衔接的呢？
加载一张图片是每个应用所需的功能，在 Android 平台提供的有 Glide、ImageLoader、Picasso，其中 Glide 最被开发者熟知，所以我就以 Glide 作为例子验证在 HarmonyOS 开发中如何使用图片加载库。
组件库（Glide）的依赖方式
HarmonyOS 应用开发提供了三种常用的组件库引入方式，以下的三种依赖方式都是在 build.grade 中操作。
①Maven 仓的依赖方式
以下验证过程的图片加载库 Glide 采用的就是这种方式。
allprojects {
repositories {
maven {
url 'https://repo.huaweicloud.com/repository/maven/'
}
jcenter()
mavenCentral()
}
}
步骤二：
dependencies {
implementation fileTree(dir: 'libs', include: ['*.jar', '*.har'])
implementation 'io.openharmony.tpc.thirdlib:glide:1.1.2'
}
②Module 的依赖方式
dependencies {
implementation fileTree(dir: 'libs', include: ['*.jar', '*.har'])
implementation project(path: ':glidelibrary')
}
如果在 setting.gradle 没有对该 glidelibrary 的配置，就要手动添加，如下。
include ':entry', ':glidelibrary'
③Har 包的依赖方式
dependencies {
implementation fileTree(dir: 'libs', include: ['*.jar', '*.har'])
}
组件库（Glide）的使用
①配置
允许 HTTP 的请求：
"deviceConfig": {
"default": {
"network": {
"cleartextTraffic": true
}
}
}
网络权限的设置：
"module": {
"reqPermissions": [
{
"name": "ohos.permission.INTERNET"
}
]
}
②加载图片
调用方式：
Image image = (Image)findComponentById(ResourceTable.Id_img);
//Load Image from Internet（图片来源于 即构官网的网络图）
String imagePath = "https://www.zego.im/_nuxt/img/53992d2.png";
//Load Image from Resource Folder（本地图片）
int imageResourceId = ResourceTable.Media_zego_img;
Glide.with(this)
.load(imagePath)
.diskCacheStrategy(DiskCacheStrategy.NONE)
.skipMemoryCache(true)
.into(image);
运行结果显示：
③加载 GIF 动图
调用方式：
DraweeView draweeView = (DraweeView) findComponentById(ResourceTable.Id_draweeView);
String imagePath = "load gif from network";
int imageResourceId = "load gif from native";
Glide.with(this)
.asGif()
.load(imageResourceId)
.into(draweeView);
所以 Glide 要使用 gif 的能力就要使用 DraweeView。
<com.bumptech.glide.load.resource.gif.drawableability.DraweeView
ohos:id="$+id:draweeView"
ohos:height="180vp"
ohos:width="180vp"
ohos:layout_alignment="center"/>
因为加载 gif 的过程，对系统的性能消耗是非常大的，所以在使用完的时候要及时释放资源，防止内存泄漏。
@Override
protected void onBackground() {
super.onBackground();
draweeView.stopGif();
}
④加载圆角图片
加载圆角图片，把圆角 raduis 传进来，就可以绘制圆角度。
public class GlideRoundTransform extends BitmapTransformation {
private static float radius = 0f;
public GlideRoundTransform(Context context) {
this(context, 0);
}
public GlideRoundTransform(Context context, int dp) {
super();
this.radius = dp;
}
@Override
protected PixelMap transform(@NonNls BitmapPool pool, @NonNls PixelMap toTransform, int outWidth, int outHeight) {
int width = toTransform.getImageInfo().size.width;
int height = toTransform.getImageInfo().size.height;
PixelFormat config =
toTransform.getImageInfo() != null ? toTransform.getImageInfo().pixelFormat : PixelFormat.ARGB_8888;
PixelMap bitmap = pool.get(width, height, config);
setCanvasBitmapDensity(toTransform, bitmap);
Canvas canvas = new Canvas(new Texture(bitmap));
canvas.drawPixelMapHolderRoundRectShape(new PixelMapHolder(toTransform), new RectFloat(0, 0, width, height), new RectFloat(0, 0, width, height), radius, radius);
return bitmap;
}
@Override
public void updateDiskCacheKey(MessageDigest messageDigest) {
}
}
调用方式：
Image image = (Image) findComponentById(ResourceTable.Id_img);
RequestOptions myOptions = new RequestOptions().transform(new GlideRoundTransform(getContext(), 30));
Glide.with(this)
.load(ResourceTable.Media_zego_img_round)
.diskCacheStrategy(DiskCacheStrategy.NONE)
.skipMemoryCache(true)
.fitCenter()
.apply(myOptions)
.into(image);
总结
👇点击关注鸿蒙技术社区👇
了解鸿蒙一手资讯
求分享
求点赞
求在看
文章转载自鸿蒙技术社区，如果涉嫌侵权，请发送邮件至：contact@modb.pro进行举报，并提供相关证据，一经查实，墨天轮将立刻删除相关内容。
