一、为什么要使用异步加载？
1.Android是单线程模型
2.耗时操作阻碍UI线程
二、异步加载最常用的两种方式
1.多线程、线程池
2.AsyncTask
三、实现ListView图文混排
3-1 实现读取网页中的json数据到ListView中 (图片首先为默认图片)
3.1.1：主布局只有一个ListView和一个listView_item的布局
3.1.2：网页json数据的链接（http://www.imooc.com/api/teacher?type=4&num=30），打开后为json数据，开发者可以通过使用Json格式化工具进行清楚的查看json数据的信息
3.1.3：书写解析网页JSON数据的代码
package cn.edu.bzu.async_listview;
import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.io.UnsupportedEncodingException;
import java.util.ArrayList;
import java.util.List;
import java.net.MalformedURLException;
import java.net.URL;
import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;
import android.app.Activity;
import android.os.AsyncTask;
import android.os.Bundle;
import android.util.Log;
import android.widget.ListView;
public class MainActivity extends Activity {
private ListView mListView;
private static String URL="http://www.imooc.com/api/teacher?type=4&num=30"; //慕课网提供的api链接
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mListView=(ListView) findViewById(R.id.lv_main);
new NewAsyncTask().execute(URL);
}
/**
*实现网络的异步访问
*/
class NewAsyncTask extends AsyncTask<String, Void, List<NewsBean> >{ //参数：params：传入值 progress ：进程 Result:返回值
@Override
protected List<NewsBean> doInBackground(String... params) {
return getJsonData(params[0]); //得到从url读取的JSON数据
}
@Override
protected void onPostExecute(List<NewsBean> newsBean) {
// 将生成的newsBean设置给ListView
super.onPostExecute(newsBean);
NewsAdapter adapter=new NewsAdapter(MainActivity.this, newsBean);//创建适配器对象
mListView.setAdapter(adapter);
}
}
/**
* 将url对应的json数据转换为我们所封装的NewsBean对象
* @param url
* @return newsList
*/
private List<NewsBean> getJsonData(String url) {
List<NewsBean> newsBeanList=new ArrayList<NewsBean>();
try {
String jsonString=readStream(new URL(url).openStream()); //此句功能与url.openConnection().getInputStream()相同，可根据URL直接联网获取数据，返回值类型 InputStream;
//Log.d("json",jsonString ); 打印读取的json信息
//解析json数据
JSONObject jsonObject;
NewsBean newsBean; //用于封装jsonObject
jsonObject=new JSONObject(jsonString); //json数据添加到jsonObject中
JSONArray jsonArray=jsonObject.getJSONArray("data"); //取出json中的data数据，data为一个数组类型
for(int i=0;i<jsonArray.length();i++){
//取出data中的数据
jsonObject=jsonArray.getJSONObject(i);
newsBean=new NewsBean();
newsBean.imgIconUrl=jsonObject.getString("picSmall");
newsBean.newsTitle=jsonObject.getString("name");
newsBean.newsContent=jsonObject.getString("description");
newsBeanList.add(newsBean);
}
} catch (IOException e) {
e.printStackTrace();
} catch (JSONException e) {
e.printStackTrace();
}
return newsBeanList;
}
/**
* 通过inputStream解析网页所返回的数据
* @param is
* @return result
*/
private String readStream(InputStream is){
InputStreamReader isr;
String result="";
try {
String line=""; //每行的数据
isr=new InputStreamReader(is,"utf-8"); //字节流转换为字符流
BufferedReader br=new BufferedReader(isr); //将字符流以buffer的形式读取出来
while((line=br.readLine())!=null){
result+=line; //拼接到result中
}
} catch (UnsupportedEncodingException e) {
e.printStackTrace();
}catch (IOException e) {
e.printStackTrace();
}
return result;
}
}思路解析：
1) 一个内部类继承AsyncTask，书写未实现的方法，其中在方法中有一个doBackground（）方法，在其方法中书写得到Json数据的方法
2) 书写通过inputStream解析网页所返回的数据，只有拿到网页中的json数据才能实现解析的操作
3)将url对应的json数据转换为我们所封装的NewsBean对象，在这个方法中，我们通过第二步拿到了json数据，然后进行json数据的解析，并且封装到实体类对象中，这样你的实体类中就有解析的json数据了
4)创建ListView的适配器
5)在继承AsyncTask的类中书写onPostExecute()方法，在这个方法中，实现绑定适配器，加载数据源的操作
6)在onCreate方法中执行这个异步操作：new NewAsyncTask().execute(URL);并且传入url地址
7)在清单文件中添加联网权限 <use-permission android:name="android.permission.INTERNET"/>
3-2 实现在ListView中添加网络中图片
&由于加载图片是一种耗时操作，所以我们可以通过新建Thread的方法或者继承AsyncTask来实现
3.2.1：我们通过新线程的方式来实现加载网络图片，新建ImageLoader.java
package cn.edu.bzu.async_listview;
import java.io.BufferedInputStream;
import java.io.IOException;
import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.URL;
import android.os.Message;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Handler;
import android.widget.ImageView;
/**
* 用于处理图片的加载
* @author monster
*
*/
public class ImageLoader {
private ImageView mImageView;
private String mUrl;
/**
* UI主线程
*/
private Handler mHandler=new Handler(){
public void handleMessage(Message msg) {
super.handleMessage(msg);
//通过设置tag属性避免缓存图片对正确图片的影响
if(mImageView.getTag().equals(mUrl)){
mImageView.setImageBitmap((Bitmap) msg.obj);
}
};
};
/**
* 通过多线程的方式加载图片
* @param imageView
* @param url
*/
public void showImageByThread(ImageView imageView,final String url){
mImageView=imageView; //将ImageView保存进成员变量中
mUrl=url;
new Thread(){
@Override
public void run() {
super.run();
Bitmap bitmap=getBitmapFromURL(url);
Message message=Message.obtain();
message.obj=bitmap;
mHandler.sendMessage(message); //将内容发送到Handle线程中
}
}.start();
}
/**
* 通过url得到bitmap
* @param urlString
* @return bitmap
*/
public Bitmap getBitmapFromURL(String urlString){
Bitmap bitmap;
InputStream is = null;
try {
URL url=new URL(urlString);
HttpURLConnection connection=(HttpURLConnection) url.openConnection(); //打开链接 //注意是：HttpURLConnection而不是HttpsURLConnection
is=new BufferedInputStream(connection.getInputStream());
bitmap=BitmapFactory.decodeStream(is); //将这个流转换为bitmap
connection.disconnect(); //资源释放
return bitmap;
} catch (java.io.IOException e) {
e.printStackTrace();
}finally{
try {
is.close();
} catch (IOException e) {
e.printStackTrace();
}
}
return null;
}
}思路解析:
1）新建一个线程来实现加载图片
2）创建加载图片的方法，方法的参数为图片的url，这个url可以通过解析刚才的json数据得到
HttpURLConnection connection=(HttpURLConnection) url.openConnection(); //打开链接 //注意是：HttpURLConnection而不是HttpsURLConnection
通过这条语句，将连接转化成流，然后得到流，最后将流转换为bitmap对象
3)得到bitmap对象后，我们新建Handler线程，在这个线程中进行图片的更换，由于bitmap在我们的新线程中，所以我们通过handler的消息传递进行将bitmap对象传入到主线程中去
4）由于ListView的缓存机制，所以我们通过在适配器为图片设置tag的方法从而实现图片的正确加载，避免导致图片的来回替换
在Handler中，我们通过通过设置判断tag属性，来判断图片的url是否相等
附录：ListView适配器的代码：
package cn.edu.bzu.async_listview;
import java.util.List;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;
public class NewsAdapter extends BaseAdapter {
private List<NewsBean> mList;
private LayoutInflater mInflater;
public NewsAdapter(Context context,List<NewsBean> data){
mList=data;
mInflater=LayoutInflater.from(context);
}
@Override
public int getCount() {
return mList.size();
}
@Override
public Object getItem(int position) {
return mList.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int positon, View convertView, ViewGroup parent) {
ViewHolder viewHolder=null;
if(convertView==null){
viewHolder=new ViewHolder();
convertView=mInflater.inflate(R.layout.listview_item, null); //布局转化为视图
viewHolder.ivIcon=(ImageView) convertView.findViewById(R.id.iv_icon);
viewHolder.tvTitle=(TextView) convertView.findViewById(R.id.tv_title);
viewHolder.tv_Content=(TextView) convertView.findViewById(R.id.tv_content);
convertView.setTag(viewHolder);
}else{
viewHolder=(ViewHolder) convertView.getTag();
}
viewHolder.ivIcon.setImageResource(R.drawable.ic_launcher);
String url=mList.get(positon).imgIconUrl;
viewHolder.ivIcon.setTag(url);
new ImageLoader().showImageByThread(viewHolder.ivIcon,url); //图片id，图片的链接
viewHolder.tvTitle.setText(mList.get(positon).newsTitle);
viewHolder.tv_Content.setText(mList.get(positon).newsContent);
return convertView;
}
class ViewHolder{
public TextView tvTitle,tv_Content;
public ImageView ivIcon;
}
}3.2.2 ：我们通过使用继承AsyncTask的方法来实现图片的异步加载
首先我们需要创建一个方法：showImageByAsyncTask,并且传入值为ImageView以及图片的url
其次新建一个类继承AsyncTask，这个类为匿名内部类，为ImageLoder中的类：
private class NewsAsyncTask extends AsyncTask<String, Void, Bitmap>{
private ImageView mImageView;
private String mUrl;
public NewsAsyncTask(ImageView imageView,String url){
mImageView=imageView;
mUrl=url;
}
@Override
protected Bitmap doInBackground(String... params) {
return getBitmapFromURL(params[0]);
}
@Override
protected void onPostExecute(Bitmap bitmap) {
super.onPostExecute(bitmap);
if(mImageView.getTag().equals(mUrl)){
mImageView.setImageBitmap(bitmap);
}
}
}然后仅仅需要修改NewsAdapter中为图片控件赋值的代码即可：
//new ImageLoader().showImageByThread(viewHolder.ivIcon,url); //图片id，图片的链接 --->>使用多线程的方法
new ImageLoader().showImageByAsyncTask(viewHolder.ivIcon,url); //使用继承AsyncTask的方式实现图片的异步加载至此，我们为控件赋值以及异步加载数据的功能已经实现，我们来看下效果：
四、LruCache缓存机制（使用内存空间换取效率）
问题分析：上述的程序中存在一个问题，问题是当用户每次刷新的时候，都需要从网络中读取数据并且进行加载，所以这样增加了用户的流量费用，不利于用户的使用
那么如何提高用户的体验？？---->>>>使用缓存
Lru算法：
Lru：Least Recently Used 近期最少使用算法
Android提供了LruCache类来实现这个缓存算法
思路：1.声明LruCache对象
2.在构造方法中实现创建LruCache对象，在这里需要实现它的一个内部方法，用于告诉系统图片的大小，在此之前，你需要得到运行的最大内存，然后用最大内存的一部分
3.添加两个方法：一个将图片加入到缓存，一个从缓存中读取图片
---->>将图片加入到缓存，从网络中读取数据，如果图片不为空，则加入到缓存
----->>从缓存中读取图片，通过键值对的形式读取图片
4.在异步加载图片的使用，首先需要从缓存中读取图片，如果图片为空的话，加载图片，加载出来的图片添加到缓存中
5.在adapter中创建ImageLoader对象，实现添加适配器的时候自动加载缓存机制
附：代码
package cn.edu.bzu.async_listview;
import java.io.BufferedInputStream;
import java.io.IOException;
import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.URL;
import android.os.AsyncTask;
import android.os.Message;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Handler;
import android.util.LruCache;
import android.widget.ImageView;
/**
* 用于处理图片的加载
* @author monster
*
*/
public class ImageLoader {
private ImageView mImageView;
private String mUrl;
private LruCache<String, Bitmap> mCaches ; //用户图片的缓存
public ImageLoader(){
int maxMemory=(int) Runtime.getRuntime().maxMemory(); //获取最大可用内存
int cacheSize=maxMemory/4; //缓存的大小
mCaches=new LruCache<String,Bitmap>(cacheSize){
@Override
protected int sizeOf(String key, Bitmap value) {
//在每次存入缓存的时候调用
return value.getByteCount(); //告诉系统，存入的图片的大小
}
};
}
/**
* 把bitmap加入到缓存中
* @param url
* @param bitmap
*/
public void addBitmapToCache(String url,Bitmap bitmap){
if(getBitmapFromCache(url)==null){
mCaches.put(url, bitmap);
}
}
/**
* 把图片从缓存中取出来
* @param url
* @return bitmap
*/
public Bitmap getBitmapFromCache(String url){
return mCaches.get(url);
}
/**
* UI主线程
*/
private Handler mHandler=new Handler(){
public void handleMessage(Message msg) {
super.handleMessage(msg);
//通过设置tag属性避免缓存图片对正确图片的影响
if(mImageView.getTag().equals(mUrl)){
mImageView.setImageBitmap((Bitmap) msg.obj);
}
};
};
/**
* 通过多线程的方式加载图片
* @param imageView
* @param url
*/
public void showImageByThread(ImageView imageView,final String url){
mImageView=imageView; //将ImageView保存进成员变量中
mUrl=url;
new Thread(){
@Override
public void run() {
super.run();
Bitmap bitmap=getBitmapFromURL(url);
Message message=Message.obtain();
message.obj=bitmap;
mHandler.sendMessage(message); //将内容发送到Handle线程中
}
}.start();
}
/**
* 通过url得到bitmap
* @param urlString
* @return bitmap
*/
public Bitmap getBitmapFromURL(String urlString){
Bitmap bitmap;
InputStream is = null;
try {
URL url=new URL(urlString);
HttpURLConnection connection=(HttpURLConnection) url.openConnection(); //打开链接 //注意是：HttpURLConnection而不是HttpsURLConnection
is=new BufferedInputStream(connection.getInputStream());
bitmap=BitmapFactory.decodeStream(is); //将这个流转换为bitmap
connection.disconnect(); //资源释放
return bitmap;
} catch (java.io.IOException e) {
e.printStackTrace();
}finally{
try {
is.close();
} catch (IOException e) {
e.printStackTrace();
}
}
return null;
}
/**
* 通过AsyncTask的方式异步加载图片
* @param imageView
* @param url
*/
public void showImageByAsyncTask(ImageView imageView,String url){
Bitmap bitmap=getBitmapFromCache(url); //从缓存中取出图片
if(bitmap==null){
new NewsAsyncTask(imageView,url).execute(url);
}else{
imageView.setImageBitmap(bitmap);
}
}
private class NewsAsyncTask extends AsyncTask<String, Void, Bitmap>{
private ImageView mImageView;
private String mUrl;
public NewsAsyncTask(ImageView imageView,String url){
mImageView=imageView;
mUrl=url;
}
/**
* 从网络中获取图片，如果图片已经下载，则加入到缓存
*/
@Override
protected Bitmap doInBackground(String... params) {
String url=params[0];
Bitmap bitmap=getBitmapFromURL(url);
if(bitmap!=null){
addBitmapToCache(url, bitmap);
}
return bitmap ;
}
@Override
protected void onPostExecute(Bitmap bitmap) {
super.onPostExecute(bitmap);
if(mImageView.getTag().equals(mUrl)){
mImageView.setImageBitmap(bitmap);
}
}
}
}
五：源代码下载：
https://github.com/monsterLin/Async_ListView
本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
