Java学习者论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

手机号码,快捷登录

恭喜Java学习者论坛(https://www.javaxxz.com)已经为数万Java学习者服务超过8年了!积累会员资料超过10000G+
成为本站VIP会员,下载本站10000G+会员资源,购买链接:点击进入购买VIP会员
JAVA高级面试进阶视频教程Java架构师系统进阶VIP课程

分布式高可用全栈开发微服务教程

Go语言视频零基础入门到精通

Java架构师3期(课件+源码)

Java开发全终端实战租房项目视频教程

SpringBoot2.X入门到高级使用教程

大数据培训第六期全套视频教程

深度学习(CNN RNN GAN)算法原理

Java亿级流量电商系统视频教程

互联网架构师视频教程

年薪50万Spark2.0从入门到精通

年薪50万!人工智能学习路线教程

年薪50万!大数据从入门到精通学习路线年薪50万!机器学习入门到精通视频教程
仿小米商城类app和小程序视频教程深度学习数据分析基础到实战最新黑马javaEE2.1就业课程从 0到JVM实战高手教程 MySQL入门到精通教程
查看: 698|回复: 0

开发交流:Android实现ListView异步加载图片

[复制链接]

该用户从未签到

发表于 2011-10-24 09:17:02 | 显示全部楼层 |阅读模式
ListView异步加载图片是非常实用的方法,凡是是要通过网络获取图片资源一般使用这种方法比较好,用户体验好,下面就说实现方法,先贴上主方法的代码: package cn.wangmeng.test;



import java.io.IOException;

import java.io.InputStream;

import java.lang.ref.SoftReference;

import java.net.MalformedURLException;

import java.net.URL;

import java.util.HashMap;



import android.graphics.drawable.Drawable;

import android.os.Handler;

import android.os.Message;



public class AsyncImageLoader {



         private HashMap<String, SoftReference<Drawable>> imageCache;

           

             public AsyncImageLoader() {

                     imageCache = new HashMap<String, SoftReference<Drawable>>();

             }

           

             public Drawable loadDrawable(final String imageUrl, final ImageCallback imageCallback) {

                 if (imageCache.containsKey(imageUrl)) {

                     SoftReference<Drawable> softReference = imageCache.get(imageUrl);

                     Drawable drawable = softReference.get();

                     if (drawable != null) {

                         return drawable;

                     }

                 }

                 final Handler handler = new Handler() {

                     public void handleMessage(Message message) {

                         imageCallback.imageLoaded((Drawable) message.obj, imageUrl);

                     }

                 };

                 new Thread() {

                     @Override

                     public void run() {

                         Drawable drawable = loadImageFromUrl(imageUrl);

                         imageCache.put(imageUrl, new SoftReference<Drawable>(drawable));

                         Message message = handler.obtainMessage(0, drawable);

                         handler.sendMessage(message);

                     }

                 }.start();

                 return null;

             }

           

                public static Drawable loadImageFromUrl(String url) {

                        URL m;

                        InputStream i = null;

                        try {

                                m = new URL(url);

                                i = (InputStream) m.getContent();

                        } catch (MalformedURLException e1) {

                                e1.printStackTrace();

                        } catch (IOException e) {

                                e.printStackTrace();

                        }

                        Drawable d = Drawable.createFromStream(i, "src");

                        return d;

                }

           

             public interface ImageCallback {

                 public void imageLoaded(Drawable imageDrawable, String imageUrl);

             }



}
复制代码以上代码是实现异步获取图片的主方法,SoftReference是软引用,是为了更好的为了系统回收变量,重复的URL直接返回已有的资源,实现回调函数,让数据成功后,更新到UI线程。
几个辅助类文件:
package cn.wangmeng.test;



public class ImageAndText {

            private String imageUrl;

            private String text;



            public ImageAndText(String imageUrl, String text) {

                this.imageUrl = imageUrl;

                this.text = text;

            }

            public String getImageUrl() {

                return imageUrl;

            }

            public String getText() {

                return text;

            }

}
复制代码package cn.wangmeng.test;



import android.view.View;

import android.widget.ImageView;

import android.widget.TextView;



public class ViewCache {



            private View baseView;

            private TextView textView;

            private ImageView imageView;



            public ViewCache(View baseView) {

                this.baseView = baseView;

            }



            public TextView getTextView() {

                if (textView == null) {

                    textView = (TextView) baseView.findViewById(R.id.text);

                }

                return textView;

            }



            public ImageView getImageView() {

                if (imageView == null) {

                    imageView = (ImageView) baseView.findViewById(R.id.image);

                }

                return imageView;

            }



}
复制代码ViewCache是辅助获取adapter的子元素布局
package cn.wangmeng.test;



import java.util.List;



import cn.wangmeng.test.AsyncImageLoader.ImageCallback;



import android.app.Activity;

import android.graphics.drawable.Drawable;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.ArrayAdapter;

import android.widget.ImageView;

import android.widget.ListView;

import android.widget.TextView;



public class ImageAndTextListAdapter extends ArrayAdapter<ImageAndText> {



            private ListView listView;

            private AsyncImageLoader asyncImageLoader;



            public ImageAndTextListAdapter(Activity activity, List<ImageAndText> imageAndTexts, ListView listView) {

                super(activity, 0, imageAndTexts);

                this.listView = listView;

                asyncImageLoader = new AsyncImageLoader();

            }



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

                Activity activity = (Activity) getContext();



                // Inflate the views from XML

                View rowView = convertView;

                ViewCache viewCache;

                if (rowView == null) {

                    LayoutInflater inflater = activity.getLayoutInflater();

                    rowView = inflater.inflate(R.layout.image_and_text_row, null);

                    viewCache = new ViewCache(rowView);

                    rowView.setTag(viewCache);

                } else {

                    viewCache = (ViewCache) rowView.getTag();

                }

                ImageAndText imageAndText = getItem(position);



                // Load the image and set it on the ImageView

                String imageUrl = imageAndText.getImageUrl();

                ImageView imageView = viewCache.getImageView();

                imageView.setTag(imageUrl);

                Drawable cachedImage = asyncImageLoader.loadDrawable(imageUrl, new ImageCallback() {

                    public void imageLoaded(Drawable imageDrawable, String imageUrl) {

                        ImageView imageViewByTag = (ImageView) listView.findViewWithTag(imageUrl);

                        if (imageViewByTag != null) {

                            imageViewByTag.setImageDrawable(imageDrawable);

                        }

                    }

                });

                        if (cachedImage == null) {

                                imageView.setImageResource(R.drawable.default_image);

                        }else{

                                imageView.setImageDrawable(cachedImage);

                        }

                // Set the text on the TextView

                TextView textView = viewCache.getTextView();

                textView.setText(imageAndText.getText());



                return rowView;

            }



}
复制代码mageAndTextListAdapter是实现ListView的Adapter,里面有个技巧就是imageView.setTag(imageUrl),setTag是存储数据的,这样是为了保证在回调函数时,listview去更新自己对应item,大家仔细阅读就知道了。
最后贴出布局文件:
<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

              androidrientation="horizontal"

              android:layout_width="fill_parent"

              android:layout_height="wrap_content">



        <ImageView android:id="@+id/image"

                   android:layout_width="wrap_content"

                   android:layout_height="wrap_content"

                   />



        <TextView android:id="@+id/text"

                  android:layout_width="wrap_content"

                  android:layout_height="wrap_content"/>



</LinearLayout>
复制代码
AsyncListImage.zip (50.5 KB)

115网盘下载地址:

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

该用户从未签到

发表于 2011-10-24 09:17:10 | 显示全部楼层

Re:开发交

是没有??????????
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|手机版|Java学习者论坛 ( 声明:本站资料整理自互联网,用于Java学习者交流学习使用,对资料版权不负任何法律责任,若有侵权请及时联系客服屏蔽删除 )

GMT+8, 2025-1-10 19:22 , Processed in 0.323894 second(s), 37 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表