前言:

    在android开发当中,从目标地址获取图片往往都是采用异步加载的方法。当完全加载完图片后在进行显示,也有些是直接将加载的图片一点一点的显示出来。
这两个区别只是对流的处理不同而已。现在就讲讲当图片被完全获取到后在显示的方法。
一,效果图:
 
    初始化:                                                   获取后:
                       
    1.1,效果思路:
           初始化的时候默认ImageView显示一张白色的图片,在加载完图片以后,用心的图片将白色图片给替换掉,就达到效果了。
二,代码实现:
    主要类介绍:
    AsyncImageLoadAdapter :ListView的自定义Adapter
    AsyncLoad :图片异步加载类
    MainActivity :主Activity。
相关的布局文件就不介绍了,在后面看就行了。
MainActivity:

 public class MainActivity extends Activity {

     private ListView listView;

     @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
initData();
} private void initView() {
listView = (ListView) findView(R.id.listView);
} private void initData() {
List<HashMap<String, Object>> list = new ArrayList<HashMap<String, Object>>();
HashMap<String, Object> map1 = new HashMap<String, Object>();
map1.put("img",
"http://img5.imgtn.bdimg.com/it/u=747474479,3247936386&fm=21&gp=0.jpg");
map1.put("txt", "条目一");
HashMap<String, Object> map2 = new HashMap<String, Object>();
map2.put("img",
"http://pic.nipic.com/2007-12-22/2007122215556437_2.jpg");
map2.put("txt", "条目二");
HashMap<String, Object> map3 = new HashMap<String, Object>();
map3.put("img",
"http://img1.imgtn.bdimg.com/it/u=1774561363,2410491846&fm=21&gp=0.jpg");
map3.put("txt", "条目三");
HashMap<String, Object> map4 = new HashMap<String, Object>();
map4.put("img",
"http://img5.imgtn.bdimg.com/it/u=112049007,3368205326&fm=21&gp=0.jpg");
map4.put("txt", "条目四");
HashMap<String, Object> map5 = new HashMap<String, Object>();
map5.put("img",
"http://img3.imgtn.bdimg.com/it/u=2953608063,4260501712&fm=21&gp=0.jpg");
map5.put("txt", "条目五");
list.add(map1);
list.add(map2);
list.add(map3);
list.add(map4);
list.add(map5);
AsyncImageLoadAdapter adapter = new AsyncImageLoadAdapter(
MainActivity.this, list, listView);
listView.setAdapter(adapter);
} private <T> T findView(int id) {
return (T) findViewById(id);
} }
这个MainActivity挺简单的,就是初始化相关控件,然后给ListView附上值而已。
 
 
AsyncImageLoadAdapter :
  

 public class AsyncImageLoadAdapter extends BaseAdapter {

     private Context context;

     private List<HashMap<String, Object>> listData;

     private AsyncLoad asyncLoad;

     private ListView listView;

     public AsyncImageLoadAdapter(Context context1,
List<HashMap<String, Object>> listData1, ListView listView1) {
this.context = context1;
this.listData = listData1;
this.asyncLoad = AsyncLoad.instance();
this.listView = listView1;
} @Override
public int getCount() {
return listData.size();
} @Override
public Object getItem(int position) {
return listData.get(position);
} @Override
public long getItemId(int position) {
return position;
} @Override
public View getView(int position, View convertView, ViewGroup parent) { if (convertView == null) {
convertView = LayoutInflater.from(context).inflate(
R.layout.list_item, null);
} convertView.setTag(position);
ImageView imageView = (ImageView) convertView
.findViewById(R.id.list_item_img);
imageView.setBackgroundResource(R.drawable.img_black);
TextView textView = (TextView) convertView
.findViewById(R.id.list_item_tv);
textView.setText("我是条目" + position);
HashMap<String, Object> item = listData.get(position);
String imageStr = (String) item.get("img");
asyncLoad.loadImage(position, imageStr, new ILoadListener() { @SuppressLint("NewApi")
@Override
public void onSuccess(Integer pos, Drawable drawable) {
View view = listView.findViewWithTag(pos); if (view != null) {
ImageView img = (ImageView) view
.findViewById(R.id.list_item_img); img.setBackground(drawable);
}
} @Override
public void onFail(String failStr) {
Toast.makeText(context, "错误信息是->" + failStr, Toast.LENGTH_SHORT)
.show();
}
}); return convertView;
}
}

这个Adapter中加载了一个list_item布局(adapter中未用ViewHolder,不要去纠结这个,加上也可),来初始化未加载图片的时候。主要要说的是这段代码

 asyncLoad.loadImage(position, imageStr, new ILoadListener() {
@SuppressLint("NewApi")
@Override
public void onSuccess(Integer pos, Drawable drawable) {
View view = listView.findViewWithTag(pos);
if (view != null) {
ImageView img = (ImageView) view
.findViewById(R.id.list_item_img);
img.setBackground(drawable);
}
}
@Override
public void onFail(String failStr) {
Toast.makeText(context, "错误信息是->" + failStr, Toast.LENGTH_SHORT)
.show();
}
});
这段代码就进行了异步去加载图片。
思路是:先将ListView中的每个item设置一个Tag,便于后面找到对应的item中imageView进行图片更新。
然后利用图片加载类去网络获取图片,获取到图片后采用接口回调的方式传回图片进行ImageView更新(UI线程中
执行的)
 
 
  AsyncLoad:
  

 public class AsyncLoad {

     private static AsyncLoad asyncLoad;
/**
* 图片缓存容器,采用软引用,当用户手机内存不够时候,系统自动回收其所占有的内存
*/
private HashMap<String, SoftReference<Drawable>> dataMap;
/**
* 用于在UI线程中进行UI更新
*/
private Handler handler = new Handler(); public synchronized static AsyncLoad instance() { if (asyncLoad == null)
asyncLoad = new AsyncLoad();
return asyncLoad; } public AsyncLoad() {
dataMap = new HashMap<String, SoftReference<Drawable>>();
} // 内部接口对图片获取的监听
interface ILoadListener {
/**
* 图片加载成功后
*
* @param pos
* 对listView中pos位置
* @param drawable
* 网络加载后获取到的图片
*/
public void onSuccess(Integer pos, Drawable drawable); public void onFail(String failStr); } /**
* 开启线程对图片进行加载
*
* @param pos
* listView的pos位置进行加载
* @param imageStr
* 图片地址
* @param listener
* 监听接口
*/ public void loadImage(final Integer pos, final String imageStr,
final ILoadListener listener) { // 开启一个线程获取图片资源
new Thread(new Runnable() { @Override
public void run() {
try {
Thread.sleep(5000);
} catch (InterruptedException e) {
e.printStackTrace();
}
load(pos, imageStr, listener);
}
}).start(); } private void load(final Integer pos, final String imageStr,
final ILoadListener listener) { if (dataMap.containsKey(imageStr)) { SoftReference<Drawable> softReference = dataMap.get(imageStr);
final Drawable d = softReference.get();
if (d != null) {
handler.post(new Runnable() { @Override
public void run() { listener.onSuccess(pos, d);
}
});
}
return; } try {
final Drawable d = loadImgFromUrl(imageStr);
if (d != null) {
SoftReference<Drawable> soft = new SoftReference<Drawable>(d);
dataMap.put(imageStr, soft);
}
handler.post(new Runnable() { @Override
public void run() { listener.onSuccess(pos, d); }
}); } catch (final IOException e) {
e.printStackTrace();
// 进行错误信息回报
handler.post(new Runnable() { @Override
public void run() { listener.onFail(e.getMessage()); }
}); } } /**
* 获取网路图片资源
*
* @param url
* @return
* @throws IOException
*/
private static Drawable loadImgFromUrl(String urlStr) throws IOException {
System.out.println("urlStr->" + urlStr);
URL url;
InputStream i = null;
url = new URL(urlStr);
i = (InputStream) url.getContent();
Drawable drawable = Drawable.createFromStream(i, "img"); return drawable; } }
要想更新界面上内容,就必须在UI线程中去更新,所以就采用handler.post方法,post里面Runnable中
run执行的代码其实是在UI线程中执行的,所以就符合android的规矩,才能进行更新
 
 
 
参考文章:http://blog.csdn.net/harvic880925/article/details/17766027#t7
源码下载:下载

简单的ListView中item图片异步加载的更多相关文章

  1. Android新浪微博客户端(七)——ListView中的图片异步加载、缓存

    原文出自:方杰|http://fangjie.info/?p=193转载请注明出处 最终效果演示:http://fangjie.sinaapp.com/?page_id=54 该项目代码已经放到git ...

  2. Android ListView 图片异步加载和图片内存缓存

    开发Android应用经常需要处理图片的加载问题.因为图片一般都是存放在服务器端,需要联网去加载,而这又是一个比较耗时的过程,所以Android中都是通过开启一个异步线程去加载.为了增加用户体验,给用 ...

  3. Android图片异步加载框架Android-Universal-Image-Loader

    版权声明:本文为博主原创文章,未经博主允许不得转载. Android-Universal-Image-Loader是一个图片异步加载,缓存和显示的框架.这个框架已经被很多开发者所使用,是最常用的几个 ...

  4. Android图片异步加载之Android-Universal-Image-Loader

    将近一个月没有更新博客了,由于这段时间以来准备毕业论文等各种事务缠身,一直没有时间和精力沉下来继续学习和整理一些东西.最近刚刚恢复到正轨,正好这两天看了下Android上关于图片异步加载的开源项目,就 ...

  5. Android图片异步加载之Android-Universal-Image-Loader(转)

    今天要介绍的是Github上一个使用非常广泛的图片异步加载库Android-Universal-Image-Loader,该项目的功能十分强大,可以说是我见过的目前功能最全.性能最优的图片异步加载解决 ...

  6. [置顶] Android图片异步加载之Android-Universal-Image-Loader

    将近一个月没有更新博客了,由于这段时间以来准备毕业论文等各种事务缠身,一直没有时间和精力沉下来继续学习和整理一些东西.最近刚刚恢复到正轨,正好这两天看了下Android上关于图片异步加载的开源项目,就 ...

  7. Android图片异步加载

    原:http://www.cnblogs.com/angeldevil/archive/2012/09/16/2687174.html 相关:https://github.com/nostra13/A ...

  8. Android-Universal-Image-Loader 图片异步加载类库的使用

    在博客中看到一篇利用组件进行图片异步加载的文章在此作记录 原文:http://blog.csdn.net/vipzjyno1/article/details/23206387 这个图片异步加载并缓存的 ...

  9. Android-Universal-Image-Loader 图片异步加载类库的使用(超详细配置)

    这个图片异步加载并缓存的类已经被很多开发者所使用,是最常用的几个开源库之一,主流的应用,随便反编译几个火的项目,都可以见到它的身影. 可是有的人并不知道如何去使用这库如何进行配置,网上查到的信息对于刚 ...

随机推荐

  1. python入门第3篇 pycharm安装及使用

    内容: 1. python开发工具的介绍及安装 2.pycharm的设置及技巧 一.python开发工具的介绍及安装 python下载后就自带了一个官方的IDE,官方的IDE我个人觉得不是很好用,所以 ...

  2. Python多级菜单

    作业2:多级菜单三级菜单可依次选择进入各子菜单所需新知识点:列表.字典 1.流程图 2.登录界面,输入对应索引 #!/usr/bin/env python3 # -*- coding:utf-8 -* ...

  3. Mysql总结(一)

    数据库命令:创建create database 数据库名 charset=utf8;删除drop database 数据库名;查看所有数据库:show databases;使用数据库:use 数据库名 ...

  4. AngularJS学习笔记(2)——与用户交互的动态清单列表

    与用户交互的动态清单列表 以我之前写的一个清单列表页面作为例子(MVC模式的清单列表效果),优化前代码如下: <!DOCTYPE html> <html ng-app="t ...

  5. 「小程序JAVA实战」小程序查看视频发布者信息(64)

    转自:https://idig8.com/2018/09/24/xiaochengxujavashizhanxiaochengxuchakanshipinfabuzhexinxi63/ 当我们点击右下 ...

  6. 28.OGNL与ValueStack(VS)-总结$ # %的区别

    转自:https://wenku.baidu.com/view/84fa86ae360cba1aa911da02.html $用于i18n和struts配置文件 #取得ActionContext的值 ...

  7. MyBait 符号大于 小于理解

    EQ 就是 EQUAL等于 NQ 就是 NOT EQUAL不等于 GT 就是 GREATER THAN大于 LT 就是 LESS THAN小于 GE 就是 GREATER THAN OR EQUAL ...

  8. NodeJs-Linux环境初步

    1.Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具. 使用 Express 可以快速地搭建一个完整功能 ...

  9. UNITY 接讯飞语音过程总结

    11:13 2017/3/141,安装问题:JDK与ECLIPSE位数一定要对应,32位对64位会出现 java was returned ....code 13的弹框错误.版本号可以不一致.2,EC ...

  10. 【330】word - VBA 相关实现

    参考:Object model (Word VBA reference) 序号 类名称   功能说明   语法 & 举例 01 Selection   ====<<<< ...