在Listview中加载网络图片的解决方案

在listview中加载网络图片的方法

在自己做项目的过程中遇到了个小问题,就是要在listview中去加载接口所返回的图片的url所对应的图片,一开始想到了okhttputils这个工具类,因为他这里面也直接封装了下载图片的方法,但是,尝试后,果断放弃了,后来经过大神指导,用Glide框架成功解决,效果图:
这里写图片描述

第一步:准备工具:
1、添加Glide框架的依赖
implementation ‘com.github.bumptech.glide:glide:3.7.0’
2、添加数据源
我这里是用的极速数据的新闻api,虽然每天只能发起请求100次,但是我也只是做个DEMO,够用了。

第二步:业务实现:
1、主布局就不说了,就是一个listview,也没啥特别的

2、创建实体类:

/**
    新闻标题
     */
    private String title;
    /**
     * 图片的url
     */
    private String pic;
    /**
     * 新闻具体信息的url,后期用一个webview展示
     */
    private String url;

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
    }

    public String getUrl() {
        return url;
    }

    public</
  • 5
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在使用 ListView 异步加载图片时,可以通过以下步骤实现: 1. 创建一个自定义的适配器(Adapter)类,继承自 BaseAdapter。这个适配器将负责管理数据和视图的绑定。 2. 在适配器,创建一个内部类 ViewHolder,用于保存列表项的视图引用。这个类将包含一个 ImageView 用于显示图片。 3. 在适配器的 getView 方法,获取当前列表项的数据,并更新 ViewHolder 的 ImageView。 4. 在更新 ImageView 时,可以使用异步加载图片的第三方库,如 Glide 或 Picasso。这些库提供了简单的接口来加载网络图片,并且处理了图片的缓存和压缩等问题。 下面是一个简单的示例代码: ```java public class CustomAdapter extends BaseAdapter { private List<String> imageUrlList; private Context context; public CustomAdapter(Context context, List<String> imageUrlList) { this.context = context; this.imageUrlList = imageUrlList; } @Override public int getCount() { return imageUrlList.size(); } @Override public Object getItem(int position) { return imageUrlList.get(position); } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { ViewHolder viewHolder; if (convertView == null) { convertView = LayoutInflater.from(context).inflate(R.layout.list_item, parent, false); viewHolder = new ViewHolder(); viewHolder.imageView = convertView.findViewById(R.id.image_view); convertView.setTag(viewHolder); } else { viewHolder = (ViewHolder) convertView.getTag(); } String imageUrl = imageUrlList.get(position); // 使用 Glide 异步加载图片 Glide.with(context) .load(imageUrl) .placeholder(R.drawable.placeholder_image) // 加载显示的占位图 .error(R.drawable.error_image) // 加载失败显示的错误图 .into(viewHolder.imageView); return convertView; } static class ViewHolder { ImageView imageView; } } ``` 在上述示例代码,CustomAdapter 是自定义的适配器类,其的 getView 方法使用了 Glide 来异步加载图片。你可以将 imageUrlList 替换为你自己的图片地址列表,并根据需要修改加载加载失败时显示的图片资源。同时,记得在布局文件定义好 ImageView 的 id。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值