快捷導(dǎo)航

Android異步下載圖片并且緩存圖片到本地DEMO詳解

更新時(shí)間：2017年04月23日 09:02:26 作者：瞎_扯D

這篇文章主要介紹了Android異步下載圖片并且緩存圖片到本地DEMO詳解,需要的朋友可以參考下

在Android開(kāi)發(fā)中我們經(jīng)常有這樣的需求，從服務(wù)器上下載xml或者JSON類型的數(shù)據(jù)，其中包括一些圖片資源，本demo模擬了這個(gè)需求，從網(wǎng)絡(luò)上加載XML資源，其中包括圖片，我們要做的解析XML里面的數(shù)據(jù)，并且把圖片緩存到本地一個(gè)cache目錄里面，并且用一個(gè)自定義的Adapter去填充到LIstView，demo運(yùn)行效果見(jiàn)下圖：

通過(guò)這個(gè)demo，要學(xué)會(huì)有一下幾點(diǎn)

1.怎么解析一個(gè)XML

2.demo中用到的緩存圖片到本地一個(gè)臨時(shí)目錄的思想是怎樣的？

3.AsyncTask類的使用，因?yàn)橐ギ惒降募虞d數(shù)據(jù)，就必須開(kāi)啟線程，但是在開(kāi)啟線程的時(shí)有時(shí)候不能很好的控制線程的數(shù)量，線程數(shù)量太大的時(shí)候手機(jī)會(huì)很快被卡死這里就采用AsynsTask類的去解決這個(gè)問(wèn)題，這個(gè)類里面封裝了線程池的技術(shù)，從而保證不會(huì)因開(kāi)啟過(guò)多的線程而消耗太多的資源

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); 
  //創(chuàng)建緩存目錄，系統(tǒng)一運(yùn)行就得創(chuàng)建緩存目錄的， 
  cache = new File(Environment.getExternalStorageDirectory(), "cache"); 
  if(!cache.exists()){ 
   cache.mkdirs(); 
  } 
  //獲取數(shù)據(jù)，主UI線程是不能做耗時(shí)操作的，所以啟動(dòng)子線程來(lái)做 
  new Thread(){ 
   public void run() { 
    ContactService service = new ContactService(); 
    List<Contact> contacts = null; 
    try { 
     contacts = service.getContactAll(); 
    } catch (Exception e) { 
     e.printStackTrace(); 
    } 
    //子線程通過(guò)Message對(duì)象封裝信息，并且用初始化好的， 
    //Handler對(duì)象的sendMessage()方法把數(shù)據(jù)發(fā)送到主線程中，從而達(dá)到更新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中，注意以下幾點(diǎn)，

1.初始化了一個(gè)緩存目錄，這個(gè)目錄最好是應(yīng)用開(kāi)啟就去創(chuàng)建好，為手續(xù)緩存圖片做準(zhǔn)備，在這里把數(shù)據(jù)存放在SDCard上

2.要去服務(wù)器加載數(shù)據(jù)，這個(gè)耗時(shí)操作最好是去開(kāi)啟線程加載數(shù)據(jù)，加載完畢后去異步的更新UI線程，利用Handler機(jī)制能很好的解決這個(gè)問(wèn)題，

3.最后退出應(yīng)用的時(shí)候，要?jiǎng)h掉緩存目錄和目錄里面的數(shù)據(jù)，避免給手機(jī)創(chuàng)造很多的垃圾文件

下面就是一個(gè)Service類了，

public class ContactService { 
 /* 
  * 從服務(wù)器上獲取數(shù)據(jù) 
  */ 
 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(); 
   // 這里獲取數(shù)據(jù)直接放在XmlPullParser里面解析 
   contacts = xmlParser(is); 
   return contacts; 
  } else { 
   return null; 
  } 
 } 
 // 這里并沒(méi)有下載圖片下來(lái)，而是把圖片的地址保存下來(lái)了 
 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; 
 } 
 /* 
  * 從網(wǎng)絡(luò)上獲取圖片，如果圖片在本地存在的話就直接拿，如果不存在再去服務(wù)器上下載圖片 
  * 這里的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); 
  // 如果圖片存在本地緩存目錄，則不去服務(wù)器下載  
  if (file.exists()) { 
   return Uri.fromFile(file);//Uri.fromFile(path)這個(gè)方法能得到文件的URI 
  } else { 
   // 從網(wǎng)絡(luò)上獲取圖片 
   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(); 
    // 返回一個(gè)URI對(duì)象 
    return Uri.fromFile(file); 
   } 
  } 
  return null; 
 } 
}

Serivce類中，注意以下幾點(diǎn)

1.HttpURLConnection conn = (HttpURLConnection) url.openConnection();獲取一個(gè)鏈接，從而進(jìn)行通訊

2.怎么利用XxmlPullPaser類去解析XML，從而把數(shù)據(jù)封裝成對(duì)象

3.getImageURI(String path, File cache) 這個(gè)方法具體實(shí)現(xiàn)

4.Uri.fromFile(file);這個(gè)方法能夠直接返回一個(gè)Uri來(lái)

下面是自定義的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; 
 // 自己定義的構(gòu)造函數(shù) 
 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 獲取數(shù)據(jù) 
  // 3綁定數(shù)據(jù)到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; 
  } 
  // 后臺(tái)運(yùn)行的子線程子線程 
  @Override 
  protected Uri doInBackground(String... params) { 
   try { 
    return service.getImageURI(params[0], cache); 
   } catch (Exception e) { 
    e.printStackTrace(); 
   } 
   return null; 
  } 
  // 這個(gè)放在在ui線程中執(zhí)行 
  @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); 
     } 
    } 
   } 
  }; 
  // 子線程，開(kāi)啟子線程去下載或者去緩存目錄找圖片，并且返回圖片在緩存目錄的地址 
  Runnable runnable = new Runnable() { 
   @Override 
   public void run() { 
    ContactService service = new ContactService(); 
    try { 
     //這個(gè)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這個(gè)類繼承了AsyncTask類，AsyncTask是Android中常用來(lái)做異步任務(wù)的類，對(duì)線程池進(jìn)行了封裝，詳細(xì)分析稍后再貼出一篇Blog。

下面是我們從服務(wù)器上獲取并且解析的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>張?zhí)煊?lt;/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="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>方產(chǎn)員</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中為了安全起見(jiàn)，還對(duì)下載下來(lái)的圖片的文件名進(jìn)行了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這個(gè)domain類，通過(guò)這個(gè)demo，可以看出Android中會(huì)經(jīng)常需要進(jìn)行異步任務(wù)的處理，所以我們會(huì)常常用到自己手動(dòng)開(kāi)啟線程，handler機(jī)制，或者AsyncTask類等手段來(lái)保證應(yīng)用的性能。

以上所述是小編給大家介紹的Android異步下載圖片并且緩存圖片到本地DEMO詳解，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！