鸿蒙OS前端开发入门指南：网络图片_Image渲染网络图片
目录：
1、开启明文传输
2、权限申请
3、引入http插件
4、案例展示
5、《鸿蒙OS前端开发入门指南》文章合集
开启明文传输 在config.json配置文件添加如下配置（如果不开启可以不配置）
“deviceConfig”: {
“default”: {
“network”: {
“usesCleartext”: true
}
}
},
权限申请 在配置文件module中添加如下
“reqPermissions”: [{
“name”:”ohos.permission.INTERNET”
}],
引入zzr老师写的鸿蒙http插件
implementation 'com.zzrv5.zzrhttp:ZZRHttp:1.0.1'
案例1
使用方式，
new ImageNetWork(”当前的abilitySlice“,“创件的Image组建”,”图片地址”).start();
网络图片类
package com.example.shangjinlieren.compontents;
import com.zzrv5.mylibrary.ZZRCallBack;
import com.zzrv5.mylibrary.ZZRHttp;
import com.zzrv5.mylibrary.ZZRResponse;
import ohos.aafwk.ability.AbilitySlice;
import ohos.agp.components.Image;
import ohos.hiviewdfx.HiLog;
import ohos.hiviewdfx.HiLogLabel;
import ohos.media.image.ImageSource;
import ohos.media.image.PixelMap;
public class ImageNetWork {
private final static HiLogLabel LABEL_LOG = new HiLogLabel(HiLog.LOG_APP, 0, “HmOSImageLoader”);
private AbilitySlice abilitySlice;
private Image image;
private String url;
public ImageNetWork(AbilitySlice abilitySlice, Image image, String url) {
this.abilitySlice = abilitySlice;
this.image = image;
this.url = url;
}
public void start() {
ZZRHttp.get(url, new ZZRCallBack.CallBackString() {
@Override
public void onFailure(int code, String errorMessage) {
//http访问出错了，此部分内容在主线程中工作;
//可以更新UI等操作,请不要执行阻塞操作。
System.out.println("errorMessage"+errorMessage);
}
@Override
public String onParseResponse(ZZRResponse response) {
//创建图片源
ImageSource imageSource = ImageSource.create(response.inputStream, null);
//根据图片源创建位图
PixelMap pixelMap = imageSource.createPixelmap(null);
//需要异步渲染UI
abilitySlice.getUITaskDispatcher().asyncDispatch(new Runnable() {
@Override
public void run() {
//展示到组件上
System.out.println("挂载了");
image.setPixelMap(pixelMap);
pixelMap.release();
}
});
return super.onParseResponse(response);
}
@Override
public void onResponse(String response) {
}
});
}
}
作者：BLUESKYHOST
想了解更多内容，请访问51CTO和华为合作共建的鸿蒙社区：https://harmonyos.51cto.com/