鸿蒙OS前端开发入门指南：网络图片_Image渲染网络图片 - HarmonyOS技术社区

目录：
1、开启明文传输
2、权限申请
3、引入http插件
4、案例展示
5、《鸿蒙OS前端开发入门指南》文章合集

开启明文传输 在config.json配置文件添加如下配置（如果不开启可以不配置）

1 "deviceConfig": {
2     "default": {
3       "network": {
4         "usesCleartext": true
5       }
6     }
7  }, 

权限申请 在配置文件module中添加如下

1 "reqPermissions": [{
2      "name":"ohos.permission.INTERNET"
3    }], 

引入zzr老师写的鸿蒙http插件

 implementation 'com.zzrv5.zzrhttp:ZZRHttp:1.0.1' 

案例1

使用方式，

 new ImageNetWork(”当前的abilitySlice“,“创件的Image组建”,"图片地址").start(); 

网络图片类

1package com.example.shangjinlieren.compontents;
2
3import com.zzrv5.mylibrary.ZZRCallBack;
4import com.zzrv5.mylibrary.ZZRHttp;
5import com.zzrv5.mylibrary.ZZRResponse;
6import ohos.aafwk.ability.AbilitySlice;
7import ohos.agp.components.Image;
8import ohos.hiviewdfx.HiLog;
9import ohos.hiviewdfx.HiLogLabel;
10import ohos.media.image.ImageSource;
11import ohos.media.image.PixelMap;
12
13public class ImageNetWork {
14    private final static HiLogLabel LABEL_LOG = new HiLogLabel(HiLog.LOG_APP, 0, "HmOSImageLoader");
15    private  AbilitySlice abilitySlice;
16    private  Image image;
17    private  String url;
18
19    public ImageNetWork(AbilitySlice abilitySlice, Image image, String url) {
20        this.abilitySlice = abilitySlice;
21        this.image = image;
22        this.url = url;
23    }
24
25    public  void start() {
26        ZZRHttp.get(url, new ZZRCallBack.CallBackString() {
27            @Override
28            public void onFailure(int code, String errorMessage) {
29                //http访问出错了，此部分内容在主线程中工作;
30                //可以更新UI等操作,请不要执行阻塞操作。
31                System.out.println("errorMessage"+errorMessage);
32            }
33            @Override
34            public String onParseResponse(ZZRResponse response) {
35                //创建图片源
36                ImageSource imageSource = ImageSource.create(response.inputStream, null);
37                //根据图片源创建位图
38                PixelMap pixelMap = imageSource.createPixelmap(null);
39                //需要异步渲染UI
40                abilitySlice.getUITaskDispatcher().asyncDispatch(new Runnable() {
41                    @Override
42                    public void run() {
43                        //展示到组件上
44                        System.out.println("挂载了");
45                        image.setPixelMap(pixelMap);
46                        pixelMap.release();
47
48                    }
49                });
50                return super.onParseResponse(response);
51            }
52            @Override
53            public void onResponse(String response) {
54
55            }
56        });
57    }
58} 

作者：BLUESKYHOST
想了解更多内容，请访问51CTO和华为合作共建的鸿蒙社区：https://harmonyos.51cto.com/

本文转自 https://www.cnblogs.com/HarmonyOS/p/14517871.html，如有侵权，请联系删除。