【JAVA UI】HarmonyOS如何集成picasso加载网络图片

原创

华为开发者论坛 2022-08-10 07:51:45 博主文章分类：HarmonyOS ©著作权

文章标签 JAVA UI picasso 加载网络图片 文章分类 移动开发

©著作权归作者所有：来自51CTO博客作者华为开发者论坛的原创作品，请联系作者获取转载授权，否则将追究法律责任

参考资料

picasso

代码实现

1、准备工作

在项目级的bulid.gradle文件添加如下代码

allprojects{
        repositories{
            mavenCentral()
        }
    }

【JAVA UI】HarmonyOS如何集成picasso加载网络图片_加载网络图片

【JAVA UI】HarmonyOS如何集成picasso加载网络图片_JAVA UI_02

在entry的bulid.gradle文件添加如下代码

'io.openharmony.tpc.thirdlib:picasso:1.0.4'

【JAVA UI】HarmonyOS如何集成picasso加载网络图片_JAVA UI_03

【JAVA UI】HarmonyOS如何集成picasso加载网络图片_picasso_04

2、设置权限

在confing.json添加权限，代码如下

"reqPermissions": [{
      "name": "ohos.permission.INTERNET"

【JAVA UI】HarmonyOS如何集成picasso加载网络图片_picasso_05

【JAVA UI】HarmonyOS如何集成picasso加载网络图片_加载网络图片_06

在config.json修改deviceConfig的代码，代码如下

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

【JAVA UI】HarmonyOS如何集成picasso加载网络图片_加载网络图片_07

【JAVA UI】HarmonyOS如何集成picasso加载网络图片_picasso_08

3、xml布局

在xml添加一个Image组件代码如下

<?xml versinotallow="1.0" encoding="utf-8"?>
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_parent"
    ohos:width="match_parent"
    ohos:alignment="center"
    ohos:orientation="vertical">

    <Image
        ohos:height="200vp"
        ohos:width="match_parent"
        ohos:image_src="#ed6262"
        ohos:id="$+id:myImage"/>

</DirectionalLayout>

【JAVA UI】HarmonyOS如何集成picasso加载网络图片_picasso_09

【JAVA UI】HarmonyOS如何集成picasso加载网络图片_picasso_10

4、java代码实现

在java 代码中查这个组件然后调用项目api去加载网络图片，代码如下

package com.newdemo.myapplication.slice;

import com.newdemo.myapplication.ResourceTable;
import com.squareup.picasso.Picasso;
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.agp.components.Component;
import ohos.agp.components.Image;

public class MainAbilitySlice extends AbilitySlice {
    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        super.setUIContent(ResourceTable.Layout_ability_main);
        //todo 查找Image组件
        Image myimage=findComponentById(ResourceTable.Id_myImage);
        Picasso.get()
                //todo 加载网络图片
                .load("https://www.baidu.com/img/flexible/logo/pc/result.png")
             //todo 空的占位图
                .placeholder(ResourceTable.Media_icon)
                //todo 加载错误的图片
                .error(ResourceTable.Media_icon)
                //todo 加载组件上