更新时间: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、运行效果
相关资讯