当前位置: 代码迷 >> Android >> Android异步下载图片而且缓存图片到本地
  详细解决方案

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

热度:87   发布时间:2016-05-01 20:31:48.0
Android异步下载图片并且缓存图片到本地

?

在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类等手段来保证应用的性能。

?
  相关解决方案