android listview图片异步加载图片,又优化了一下 Android ListView 异步加载图片

最新推荐文章于 2024-05-09 14:04:19 发布
最新推荐文章于 2024-05-09 14:04:19 发布
阅读量250 收藏 2
点赞数
文章标签： android listview图片异步加载图片

写这篇文章并不是教大家怎么样用listview异步加载图片，因为这样的文章在网上已经有很多了，比如这位仁兄写的就很好：

我也是因为看了这篇文章而受到了启发。

先说说这篇文章的优点把，开启线程异步加载图片，然后刷新UI显示图片，而且通过弱引用缓存网络加载的图片，节省了再次连接网络的开销。

这样做无疑是非常可取的方法，但是加载图片时仍然会感觉到轻微的卡屏现象，特别是listview里的item在进行快速滑动的时候。

我找了一下原因，可能是在listview快速滑动屏幕的时候划过的item太多 而且每次调用getView方法后就会异步的在过去某个时间内用handler刷新一下UI，

如果在同一时间调用handler刷新UI次数多了就会造成这样的卡屏现象。

后来又一想，其实我们完全没有必要在listview正在滑动的时候去后台加载图片(不管这是图片是在缓存里还是在网络上)，这样无疑造成了很大的资源浪费。

我们只需要在listview滑动停止之后再去加载listview里面显示的几个item里面的图片就好了。

根据以上想法，我做了一些设计改造：

1.在adapter 的 getview方法里面启动加载图片的thread，如果listview在滑动则wait

2.监听listview滑动停止事件，获得listview显示的item的最上面和最下面的序号，并唤醒所有加载图片的thread，判断加载图片的序号是否是在范围内，如果是则继续加载，如果不是则结束thread

部分代码如下：

@Override

public View getView(int position, View convertView, ViewGroup parent) {

if(convertView == null){

convertView = mInflater.inflate(R.layout.book_item_adapter, null);

}

BookModel model = mModels.get(position);

convertView.setTag(position);

ImageView iv = (ImageView) convertView.findViewById(R.id.sItemIcon);

TextView sItemTitle = (TextView) convertView.findViewById(R.id.sItemTitle);

TextView sItemInfo = (TextView) convertView.findViewById(R.id.sItemInfo);

sItemTitle.setText(model.book_name);

sItemInfo.setText(model.out_book_url);

iv.setBackgroundResource(R.drawable.rc_item_bg);

syncImageLoader.loadImage(position,model.out_book_pic,imageLoadListener);

return convertView;

}

SyncImageLoader.OnImageLoadListener imageLoadListener = new SyncImageLoader.OnImageLoadListener(){

@Override

public void onImageLoad(Integer t, Drawable drawable) {

//BookModel model = (BookModel) getItem(t);

View view = mListView.findViewWithTag(t);

if(view != null){

ImageView iv = (ImageView) view.findViewById(R.id.sItemIcon);

iv.setBackgroundDrawable(drawable);

}

}

@Override

public void onError(Integer t) {

BookModel model = (BookModel) getItem(t);

View view = mListView.findViewWithTag(model);

if(view != null){

ImageView iv = (ImageView) view.findViewById(R.id.sItemIcon);

iv.setBackgroundResource(R.drawable.rc_item_bg);

}

}

};

public void loadImage(){

int start = mListView.getFirstVisiblePosition();

int end =mListView.getLastVisiblePosition();

if(end >= getCount()){

end = getCount() -;

}

syncImageLoader.setLoadLimit(start, end);

syncImageLoader.unlock();

}

AbsListView.OnScrollListener onScrollListener = new AbsListView.OnScrollListener() {

@Override

public void onScrollStateChanged(AbsListView view, int scrollState) {

switch (scrollState) {

case AbsListView.OnScrollListener.SCROLL_STATE_FLING:

DebugUtil.debug("SCROLL_STATE_FLING");

syncImageLoader.lock();

break;

case AbsListView.OnScrollListener.SCROLL_STATE_IDLE:

DebugUtil.debug("SCROLL_STATE_IDLE");

loadImage();

//loadImage();

break;

case AbsListView.OnScrollListener.SCROLL_STATE_TOUCH_SCROLL:

syncImageLoader.lock();

break;

default:

break;

}

}

@Override

public void onScroll(AbsListView view, int firstVisibleItem,

int visibleItemCount, int totalItemCount) {

// TODO Auto-generated method stub

}

};

package cindy.android.test.synclistview;

android listview 异步加载图片并防止错位

网上找了一张图, listview 异步加载图片之所以错位的根本原因是重用了 convertView 且有异步操作. 如果不重用 convertView 不会出现错位现象, 重用 convertVie ...

android ListView异步加载图片(双缓存)

首先声明,参考博客地址:http://www.iteye.com/topic/685986 对于ListView,相信很多人都很熟悉,因为确实太常见了,所以,做的用户体验更好,就成了我们的追求... ...

转：Android ListView 异步加载图片

http://www.iteye.com/topic/1118828 http://www.iteye.com/topic/1127914 这样做无疑是非常可取的方法,但是加载图片时仍然会感觉到轻微的 ...

Android的ListView异步加载图片时，错位、重复、闪烁问题的分析及解决方法

Android ListView异步加载图片错位.重复.闪烁分析以及解决方案,具体问题分析以及解决方案请看下文. 我们在使用ListView异步加载图片的时候,在快速滑动或者网络不好的情况下,会出现图 ...

listview异步加载图片并防止错位

android listview 异步加载图片并防止错位 网上找了一张图, listview 异步加载图片之所以错位的根本原因是重用了 convertView 且有异步操作. 如果不重用 conver ...

Android中ListView异步加载图片错位、重复、闪烁问题分析及解决方案

我们在使用ListView异步加载图片的时候,在快速滑动或者网络不好的情况下,会出现图片错位.重复.闪烁等问题,其实这些问题总结起来就是一个问题,我们需要对这些问题进行ListView的优化. 比如L ...

Android 实现ListView异步加载图片

ListView异步加载图片是非常实用的方法,凡是是要通过网络获取图片资源一般使用这种方法比较好,用户体验好,下面就说实现方法,先贴上主方法的代码: package cn.wangmeng.test; ...

ListView异步加载图片，完美实现图文混排

昨天参加一个面试,面试官让当场写一个类似于新闻列表的页面,文本数据和图片都从网络上获取,想起我还没写过ListView异步加载图片并实现图文混排效果的文章,so,今天就来写一下,介绍一下经验. Lis ...

ListView异步加载图片

ListView异步加载图片是非常实用的方法,凡是是要通过网络获取图片资源一般使用这种方法比较好,用户体验好,下面就说实现方法,先贴上主方法的代码: package cn.wangmeng.test; ...

随机推荐

C#调用Geocoding API进行地理编码与逆编码

使用C#调用Geocoding API来将地址转为经纬度,或者将经纬度转变为具体的地址. Geocoding API的详细介绍参见:http://developer.baidu.com/map/web ...

web从入门开始(7)-----css

CSS的语法格式 l  一个CSS规则,有"选择器"和"格式声明语句"构成 l  选择器:就是选择HTML标记,换句话说就是给那个HTML标记加样式 l  格式 ...

python检测404页面

某些网站为了实现友好的用户交互,提供了一种自定义的错误页面,而不是显示一个大大的404 ,比如CSDN上的404提示页面如下: 这样虽然提高了用户体验,但是在编写对应POC进行检测的时候如果只根据返回 ...

Webpack 4教程：为什么要优化代码

转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具.解决方案和服务,赋能开发者.原文出处:https://wanago.io/2018/07/30/webpack-4-course-part ...

Confluence 6 从站点首页集中访问面板

如果你选择设置一个页面为你的站点主页面,但是你还是希望你的用户能够访问 Confluence 的主面板,你可以将主面板的连接添加到应用导航(Application Navigator)中. 希望添加 ...

微信公众号JSAPI支付-多公众号向同一商户号支付的问题解决

一.背景 项目提供公众号商城集成,在公众号里进行商品的购买,并与多家公众号合作增加渠道流量. . 二.实现 有关微信公众号.商户号的开通与支付绑定不细说 从背景里可知,我们需要实现多个公众号购买向同一 ...

C#中通过Lambda表达式为委托传入更多的参数

如: DispatcherTimer dispatcherTimer = new DispatcherTimer(); dispatcherTimer.Tick += (o, e) => { d ...

Python开发【Django】：模板语言

排序 1.forloop.counter 表示循环的次数,它从1开始计数,第一次循环设为1 {% for item in todo_list %}

{{ forloop.counte ...

$.ajax()方法详解(转)

以下内容转自:http://www.cnblogs.com/tylerdonet/p/3520862.html   尊重原创,请访问原创文章 jquery中的ajax方法参数总是记不住,这里记录一下. ...

android-samples-mvp

Model–view–presenter (MVP)介绍 mvp在wiki上的介绍为 Model  定义用户界面所需要被显示的数据模型,一个模型包含着相关的业务逻辑 View  View不应该处理业务 ...

强子日志
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android UI开发: 横向ListView(HorizontalListView)及一个简单相册的完整实现 (附源码下载)
yanzi1225627的专栏
03-15 20万+
本文内容：1、横向ListView的所有实现思路; 2、其中一个最通用的思路HorizontalListView，并基于横向ListView开发一个简单的相册； 3、实现的横向ListView在点击、浏览时item背景会变色，并解决了listview里setSelected造成item的选择状态混乱的问题。
android中ListView异步加载图片时的图片错位问题解决方案
m0_60667406的博客
03-23 694
如果你看到了这里，觉得文章写得不错就给个赞呗？如果你觉得那里值得改进的，请给我留言。一定会认真查询，修正不足。最后针对Android程序员，我这边给大家整理了一些资料，包括不限于高级UI、性能优化、移动架构师、NDK、混合式开发（ReactNative+Weex）微信小程序、Flutter等全方面的Android进阶实践技术；希望能帮助到大家，也节省大家在网上搜索资料的时间来学习，也可以分享动态给身边好友一起学习！如果你看到了这里，觉得文章写得不错就给个赞呗？如果你觉得那里值得改进的，请给我留言。
Android最全[Android实例]Listview异步加载图片之优化篇（有图有码有解释），2024年最新阿里 p7面试
最新发布
2401_84557136的博客
05-09 405
今天关于面试的分享就到这里，还是那句话，有些东西你不仅要懂，而且要能够很好地表达出来，能够让面试官认可你的理解，例如Handler机制，这个是面试必问之题。有些晦涩的点，或许它只活在面试当中，实际工作当中你压根不会用到它，但是你要知道它是什么东西。最后在这里小编分享一份自己收录整理上述技术体系图相关的几十套腾讯、头条、阿里、美团等公司19年的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分。还有。
Android添加图片到ListView
04-05
作者ln0491，源码MyRecyleViewChoosePhoto，Android添加图片到ListView或者 RecyclerView显示。 详细说明：http://android.662p.com/thread-6721-1-1.html
android之ListView和adapter配合显示图片和文字列表
圆号本号
11-16 3319
实际效果： 布局文件： <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android listview 图片和文字,android之ListView和adapter配合显示图片和文字列表
weixin_33750004的博客
05-27 586
listView页面布局：layout/activity_main.xml:xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="horizontal" >android:...
Android ListView异步加载图片方法详解
09-02
总结起来，Android ListView异步加载图片的关键在于平衡性能和用户体验。通过合理的异步处理和适时的加载策略，可以有效地避免UI阻塞，提供流畅的滚动体验。在实践中，开发者可以选择适合自己项目需求的异步加载库，...
Android实现Listview异步加载网络图片并动态更新的方法
09-01
为了解决这个问题，通常采用异步加载策略，将图片加载过程放到后台进行，同时在数据更新后动态刷新ListView。以下是实现这一功能的详细步骤： 1. **使用异步加载库**： Android社区提供了多种第三方库来帮助开发者...
Android实现ListView异步加载图片的方法
09-03
因此，Android实现ListView异步加载图片是非常重要的优化手段。以下是对这个主题的详细解释。 1. **异步加载原理**： - 异步加载是指在后台线程中执行耗时操作，不阻塞主线程，从而提高应用的响应速度和流畅性。 ...
android 开发 实现一个带图片Image的ListView
weixin_30552635的博客
04-14 1996
android 开发 实现一个带图片Image的ListView 注意：这种实现方法不是实现ListView的最优方法，只是希望通过练习了解ListView的实现原理思维路线：1.创建drawable文件夹将要使用的图片导入进去2....
第四篇:自定义带图片的ListView的实现(一)
肥鱼的Android小王国
03-07 6701
肥鱼最近受朋友委托要写一个小说阅读器. 肥鱼觉得Ireader的书架特别漂亮. 可是,肥鱼没有美工,而且肥鱼的艺术细胞太少了. 肥鱼要做一个列表形式的. 大家看看肥鱼想实现的界面,后面接着上传源码. 界面很简单,左侧显示一张图片,右侧上下显示两行文字. 废话少说,接下来看一下一步步的实现. 第一步,我们先定义一个xm
Android中ListView全面完美的网络图片的异步加载
03-16
Android中ListView全面完美的网络图片的异步加载,两种加载方式,利用了LruCache缓存,动态加载,只加载可见部分的图片.
Android ListView滑动过程中图片异步加载优化（配合Volley使用）
小一的专栏
09-27 1239
前言今天带大家过一遍ListView常用的优化方案,重点在于解决ListView的item中包含异步加载图片时遇到的图片闪烁和显示错乱等情况.ListView的item回收和重用Android系统为了使得ListView性能优化,会为ListView增加item行缓存.简单来说,假设ListView有1万个item,但是Android只为其创建n个item(n为当前屏幕能显示的item的数量).Li
优化ListView中的网络图片加载
陆业聪
02-10 2279
1.使用适当的开源库，如Volley或者Universal ImageLoader 使用Volley时，可以覆写onScrollStateChanged（Activity或者Fragment中），如果处于AbsListView.OnScrollListener.SCROLL_STATE_FLING的状态，imageLoader.stopProcessingQueue(); imageLoade
Android开发之ListView异步加载图片
dmk877的专栏
10-27 8351
坚持一件对自己有意义的事。。。
android listview图片异步加载图片,Android ListView异步加载图片
weixin_32411919的博客
05-27 100
释放双眼，带上耳机，听听看~！1.贴上主要代码：以下代码是实现异步获取图片的主方法，SoftReference是软引用，是为了更好的为了系统回收变量，重复的URL直接返回已有的资源，实现回调函数，让数据成功后，更新到UI线程。package cn.wangmeng.test;import java.io.IOException;import java.io.InputStream;import j...
Android ListView性能优化，异步加载图片
Hankkin的博客小园
09-02 3990
ListView性能优化+异步加载图片 一、绪论 相信大家在Android开发中肯定会经常用到ListView吧，那么怎么优化ListView呢？尤其是每个item里面中还有图片需要加载，数据源比较多，如果处理不好的话，在滑动ListView的过程中肯定会遇到卡顿的现象，做了这么久的开发，自己多少也摸索到了一些规律，接下来就给大家详细的介绍一下ListView的性能优化。 二、思路： 1.
Android 关于OOM的解决方案
热门推荐
永远即等待的专栏
10-10 7万+
在Android平台上面，应用程序OOM异常永远都是值得关注的问题。通常这一块也是程序这中的重点之一。这下我就如何解决OOM作一点简单的介绍。     首先，OOM就是内存溢出，即Out Of Memory。也就是说内存占有量超过了VM所分配的最大。     怎么解决OOM，通常OOM都发生在需要用到大量内存的情况下（创建或解析Bitmap，分配特大的数组等），在这样的一种情况下，就可能出现O
Android实现异步从网络加载图片列表
carterjin的专栏
09-19 1万+
有时会有在加载ListView的时候，包含用户头像或其他需要到网络获取的图片信息，这时如果等待全部获取完成再显示会比较慢，很影响用户体验，所以这时就需要利用到异步加载图片的方法。 今天整理的方法，是用Thread来进行加载，没有利用ThreadPool的方法，后面的方法以后再慢慢学一下吧，先把学会的这个记下来。   具体的效果是，加入每个ListView的项只需要显示一个图片，每张图片都
listview异步加载图片
07-28
在使用 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、付费专栏及课程。

余额充值