Android异步下载图片并且缓存图片到本地

于 2014-07-23 10:17:00 发布
阅读量121 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： 移动开发 ui java
原文链接：https://my.oschina.net/liuher/blog/294002

为什么80%的码农都做不了架构师？>>>   hot3.png

在Android开发中我们经常有这样的需求，从服务器上下载xml或者JSON类型的数据，其中包括一些图片资源，本demo模拟了这个需求，从网络上加载XML资源，其中包括图片，我们要做的解析XML里面的数据，并且把图片缓存到本地一个cache目录里面，并且用一个自定义的Adapter去填充到LIstView，demo运行效果见下图：

通过这个demo，要学会有一下几点

1.怎么解析一个XML

2.demo中用到的缓存图片到本地一个临时目录的思想是怎样的？

3.AsyncTask类的使用，因为要去异步的加载数据，就必须开启线程，但是在开启线程的时有时候不能很好的控制线程的数量，线程数量太大的时候手机会很快被卡死 这里就采用AsynsTask类的去解决这个问题，这个类里面封装了线程池的技术，从而保证不会因开启过多的线程而消耗太多的资源

4.本demo中的Handler类的使用情况 5.自定义adapter的使用 

下面是demo中的Activity。

复制代码 
public class MainActivity extends Activity { protected static final int SUCCESS_GET_CONTACT = 0; private ListView mListView; private MyContactAdapter mAdapter; private File cache; private Handler mHandler = new Handler(){ public void handleMessage(android.os.Message msg) { if(msg.what == SUCCESS_GET_CONTACT){
                List<Contact> contacts = (List<Contact>) msg.obj;
                mAdapter = new MyContactAdapter(getApplicationContext(),contacts,cache);
                mListView.setAdapter(mAdapter);
            }
        };
    };
    
    @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
        mListView = (ListView) findViewById(R.id.listview); //创建缓存目录，系统一运行就得创建缓存目录的， cache = new File(Environment.getExternalStorageDirectory(), "cache"); if(!cache.exists()){
            cache.mkdirs();
        } //获取数据，主UI线程是不能做耗时操作的，所以启动子线程来做 new Thread(){ public void run() {
                ContactService service = new ContactService();
                List<Contact> contacts = null; try {
                    contacts = service.getContactAll();
                } catch (Exception e) {
                    e.printStackTrace();
                } //子线程通过Message对象封装信息，并且用初始化好的， //Handler对象的sendMessage()方法把数据发送到主线程中，从而达到更新UI主线程的目的 Message msg = new Message();
                msg.what = SUCCESS_GET_CONTACT;
                msg.obj = contacts;
                mHandler.sendMessage(msg);
            };
        }.start();
    }
    
    @Override protected void onDestroy() { super.onDestroy(); //清空缓存 File[] files = cache.listFiles(); for(File file :files){
            file.delete();
        }
        cache.delete();
    }
}
复制代码
Activity中，注意以下几点，
1.初始化了一个缓存目录，这个目录最好是应用开启就去创建好，为手续缓存图片做准备，在这里把数据存放在SDCard上
2.要去服务器加载数据，这个耗时操作最好是去开启线程加载数据，加载完毕后去异步的更新UI线程，利用Handler机制能很好的解决这个问题，
3.最后退出应用的时候，要删掉缓存目录和目录里面的数据，避免给手机制造很多的垃圾文件
 
下面就是一个Service类了，
复制代码 
public class ContactService { /* * 从服务器上获取数据 */ public List<Contact> getContactAll() throws Exception {
        List<Contact> contacts = null;
        String Parth = "http://192.168.1.103:8080/myweb/list.xml";
        URL url = new URL(Parth);
        HttpURLConnection conn = (HttpURLConnection) url.openConnection();
        conn.setConnectTimeout(3000);
        conn.setRequestMethod("GET"); if (conn.getResponseCode() == HttpURLConnection.HTTP_OK) {
            InputStream is = conn.getInputStream(); // 这里获取数据直接放在XmlPullParser里面解析 contacts = xmlParser(is); return contacts;
        } else { return null;
        }
    } // 这里并没有下载图片下来，而是把图片的地址保存下来了 private List<Contact> xmlParser(InputStream is) throws Exception {
        List<Contact> contacts = null;
        Contact contact = null;
        XmlPullParser parser = Xml.newPullParser();
        parser.setInput(is, "UTF-8"); int eventType = parser.getEventType(); while ((eventType = parser.next()) != XmlPullParser.END_DOCUMENT) { switch (eventType) { case XmlPullParser.START_TAG: if (parser.getName().equals("contacts")) {
                    contacts = new ArrayList<Contact>();
                } else if (parser.getName().equals("contact")) {
                    contact = new Contact();
                    contact.setId(Integer.valueOf(parser.getAttributeValue(0)));
                } else if (parser.getName().equals("name")) {
                    contact.setName(parser.nextText());
                } else if (parser.getName().equals("image")) {
                    contact.setImage(parser.getAttributeValue(0));
                } break; case XmlPullParser.END_TAG: if (parser.getName().equals("contact")) {
                    contacts.add(contact);
                } break;
            }
        } return contacts;
    } /* * 从网络上获取图片，如果图片在本地存在的话就直接拿，如果不存在再去服务器上下载图片
     * 这里的path是图片的地址 */ public Uri getImageURI(String path, File cache) throws Exception {
        String name = MD5.getMD5(path) + path.substring(path.lastIndexOf("."));
        File file = new File(cache, name); // 如果图片存在本地缓存目录，则不去服务器下载  if (file.exists()) { return Uri.fromFile(file);//Uri.fromFile(path)这个方法能得到文件的URI } else { // 从网络上获取图片 URL url = new URL(path);
            HttpURLConnection conn = (HttpURLConnection) url.openConnection();
            conn.setConnectTimeout(5000);
            conn.setRequestMethod("GET");
            conn.setDoInput(true); if (conn.getResponseCode() == 200) {

                InputStream is = conn.getInputStream();
                FileOutputStream fos = new FileOutputStream(file); byte[] buffer = new byte[1024]; int len = 0; while ((len = is.read(buffer)) != -1) {
                    fos.write(buffer, 0, len);
                }
                is.close();
                fos.close(); // 返回一个URI对象 return Uri.fromFile(file);
            }
        } return null;
    }
}
复制代码
Serivce类中，注意以下几点
1.HttpURLConnection conn = (HttpURLConnection) url.openConnection();获取一个链接，从而进行通讯2.怎么利用XxmlPullPaser类去解析XML，从而把数据封装成对象
3.getImageURI(String path, File cache) 这个方法具体实现
4.Uri.fromFile(file);这个方法能够直接返回一个Uri来
 
下面是自定义的Adapter类，
复制代码 
public class MyContactAdapter extends BaseAdapter { protected static final int SUCCESS_GET_IMAGE = 0; private Context context; private List<Contact> contacts; private File cache; private LayoutInflater mInflater; // 自己定义的构造函数 public MyContactAdapter(Context context, List<Contact> contacts, File cache) { this.context = context; this.contacts = contacts; this.cache = cache;

        mInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    }

    @Override public int getCount() { return contacts.size();
    }

    @Override public Object getItem(int position) { return contacts.get(position);
    }

    @Override public long getItemId(int position) { return position;
    }

    @Override public View getView(int position, View convertView, ViewGroup parent) { // 1获取item,再得到控件 // 2 获取数据 // 3绑定数据到item View view = null; if (convertView != null) {
            view = convertView;
        } else {
            view = mInflater.inflate(R.layout.item, null);
        }

        ImageView iv_header = (ImageView) view.findViewById(R.id.iv_header);
        TextView tv_name = (TextView) view.findViewById(R.id.tv_name);

        Contact contact = contacts.get(position); // 异步的加载图片 (线程池 + Handler ) ---> AsyncTask  asyncloadImage(iv_header, contact.image);
        tv_name.setText(contact.name); return view;
    } private void asyncloadImage(ImageView iv_header, String path) {
        ContactService service = new ContactService();
        AsyncImageTask task = new AsyncImageTask(service, iv_header);
        task.execute(path);
    } private final class AsyncImageTask extends AsyncTask<String, Integer, Uri> { private ContactService service; private ImageView iv_header; public AsyncImageTask(ContactService service, ImageView iv_header) { this.service = service; this.iv_header = iv_header;
        } // 后台运行的子线程子线程  @Override protected Uri doInBackground(String... params) { try { return service.getImageURI(params[0], cache);
            } catch (Exception e) {
                e.printStackTrace();
            } return null;
        } // 这个放在在ui线程中执行  @Override protected void onPostExecute(Uri result) { super.onPostExecute(result); // 完成图片的绑定 if (iv_header != null && result != null) {
                iv_header.setImageURI(result);
            }
        }
    } /** * 采用普通方式异步的加载图片 */ /*private void asyncloadImage(final ImageView iv_header, final String path) {
        final Handler mHandler = new Handler() {
            @Override
            public void handleMessage(Message msg) {
                super.handleMessage(msg);
                if (msg.what == SUCCESS_GET_IMAGE) {
                    Uri uri = (Uri) msg.obj;
                    if (iv_header != null && uri != null) {
                        iv_header.setImageURI(uri);
                    }

                }
            }
        };
        // 子线程，开启子线程去下载或者去缓存目录找图片，并且返回图片在缓存目录的地址
        Runnable runnable = new Runnable() {
            @Override
            public void run() {
                ContactService service = new ContactService();
                try {
                    //这个URI是图片下载到本地后的缓存目录中的URI
                    Uri uri = service.getImageURI(path, cache);
                    Message msg = new Message();
                    msg.what = SUCCESS_GET_IMAGE;
                    msg.obj = uri;
                    mHandler.sendMessage(msg);
                } catch (Exception e) {
                    e.printStackTrace();
                }
            }
        };
        new Thread(runnable).start();
    }*/ }
复制代码
自定义Adapter中，我们要注意 AsyncImageTask这个类继承了AsyncTask类，AsyncTask是Android中常用来做异步任务的类，对线程池进行了封装，详细分析稍后再贴出一篇Blog。
 
下面是我们从服务器上获取并且解析的Xml文件
复制代码 
<?xml version="1.0" encoding="UTF-8"?> <contacts> <contact id="1"> <name>张飞</name> <image src="http://192.168.1.103:8080/mymyweb/images/1.gif"/> </contact> <contact id="2"> <name>博文</name> <image src="http://192.168.1.103:8080/myweb/images/2.gif"/> </contact> <contact id="3"> <name>张天佑</name> <image src="http://192.168.1.103:8080/myweb/images/3.gif"/> </contact> <contact id="4"> <name>松德</name> <image src="http://192.168.1.103:8080/myweb/images/4.gif"/> </contact> <contact id="5"> <name>赵薇</name> <image src="http://192.168.1.103:8080/myweb/images/5.gif"/> </contact> <contact id="6"> <name>李静</name> <image src="http://192.168.1.103:8080/myweb/images/6.gif"/> </contact> <contact id="7"> <name>李明</name> <image src="http://192.168.1.103:8080/myweb/images/7.gif"/> </contact> <contact id="8"> <name>黎明</name> <image src="http://192.168.1.103:8080/myweb/images/8.gif"/> </contact> <contact id="9"> <name>秦桧</name> <image src="http://192.168.1.103:8080/myweb/images/9.gif"/> </contact> <contact id="10"> <name>朱德</name> <image src="http://192.168.1.103:8080/myweb/images/10.gif"/> </contact> <contact id="11"> <name>冯巩</name> <image src="http://192.168.1.103:8080/myweb/images/11.gif"/> </contact> <contact id="12"> <name>dylan</name> <image src="http://192.168.1.103:8080/myweb/images/12.gif"/> </contact> <contact id="13"> <name>黄单</name> <image src="http://192.168.1.103:8080/myweb/images/13.gif"/> </contact> <contact id="14"> <name>含蕊</name> <image src="http://192.168.1.103:8080/myweb/images/14.gif"/> </contact> <contact id="15"> <name>欣琪</name> <image src="http://192.168.1.103:8080/myweb/images/15.jpg"/> </contact> <contact id="16"> <name>李忠华</name> <image src="http://192.168.1.103:8080/myweb/images/16.jpg"/> </contact> <contact id="17"> <name>方产员</name> <image src="http://192.168.1.103:8080/myweb/images/17.jpg"/> </contact> <contact id="18"> <name>张光</name> <image src="http://192.168.1.103:8080/myweb/images/18.jpg"/> </contact> </contacts>
复制代码

本demo中为了安全起见，还对下载下来的图片的文件名进行了MD5加密，下面是MD5加密的代码

复制代码 
public class MD5 { public static String getMD5(String content) { try {
            MessageDigest digest = MessageDigest.getInstance("MD5");
            digest.update(content.getBytes()); return getHashString(digest);
            
        } catch (NoSuchAlgorithmException e) {
            e.printStackTrace();
        } return null;
    } private static String getHashString(MessageDigest digest) {
        StringBuilder builder = new StringBuilder(); for (byte b : digest.digest()) {
            builder.append(Integer.toHexString((b >> 4) & 0xf));
            builder.append(Integer.toHexString(b & 0xf));
        } return builder.toString();
    }
}
复制代码

 以上省略了Contact.java这个domain类，通过这个demo，可以看出Android中会经常需要进行异步任务的处理，所以我们会常常用到自己手动开启线程，handler机制，或者AsyncTask类等手段来保证应用的性能。

转载于:https://my.oschina.net/liuher/blog/294002

JhonXie
关注
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值