更新升级 专属应用 系统故障 硬件故障 电脑汽车 鸿蒙刷机 鸿蒙开发Linux教程 鸿蒙开发Linux命令
当前位置:HMXT之家 > 应用开发 > 鸿蒙HarmonyOS开发用JAVA UI技术如何集成picasso加载网络图片

鸿蒙HarmonyOS开发用JAVA UI技术如何集成picasso加载网络图片

更新时间:2022-06-26 09:39:05浏览次数:805+次

以下介绍鸿蒙HarmonyOS开发使用JAVA UI技术如何集成picasso加载网络图片,将附上实现的代码。

具体操作方法

1、准备工作

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

allprojects{

        repositories{

            mavenCentral()

        }

    }

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

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

2、设置权限

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

 "reqPermissions": [{

      "name": "ohos.permission.INTERNET"

    }],

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

 "deviceConfig": {

    "default": {

      "network": {

        "cleartextTraffic": true

      }

    }

  },

3、xml布局

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

<?xml version="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>

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 加载组件上

                .into(myimage);

    }

}

5、运行效果

\

相关参考:鸿蒙HarmonyOS可以加载.9.png类型的图片吗