403      阿裏雲  技術社區[雲棲]

Android異步下載圖片並且緩存圖片到本地

https://lishuaishuai.iteye.com/blog/1806667

在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。

Java代碼  

1. public class MainActivity extends Activity {  
2.     protected static final int SUCCESS_GET_CONTACT = 0;  
3.     private ListView mListView;  
4.     private MyContactAdapter mAdapter;  
5.     private File cache;  
6.       
7.     private Handler mHandler = new Handler(){  
8.         public void handleMessage(android.os.Message msg) {  
9.             if(msg.what == SUCCESS_GET_CONTACT){  
10.                 List<Contact> contacts = (List<Contact>) msg.obj;  
11.                 mAdapter = new MyContactAdapter(getApplicationContext(),contacts,cache);  
12.                 mListView.setAdapter(mAdapter);  
13.             }  
14.         };  
15.     };  
16.       
17.     @Override  
18.     public void onCreate(Bundle savedInstanceState) {  
19.         super.onCreate(savedInstanceState);  
20.         setContentView(R.layout.main);  
21.           
22.         mListView = (ListView) findViewById(R.id.listview);  
23.           
24.         //創建緩存目錄，係統一運行就得創建緩存目錄的，  
25.         cache = new File(Environment.getExternalStorageDirectory(), "cache");  
26.           
27.         if(!cache.exists()){  
28.             cache.mkdirs();  
29.         }  
30.           
31.         //獲取數據，主UI線程是不能做耗時操作的，所以啟動子線程來做  
32.         new Thread(){  
33.             public void run() {  
34.                 ContactService service = new ContactService();  
35.                 List<Contact> contacts = null;  
36.                 try {  
37.                     contacts = service.getContactAll();  
38.                 } catch (Exception e) {  
39.                     e.printStackTrace();  
40.                 }  
41.                 //子線程通過Message對象封裝信息，並且用初始化好的，  
42.                 //Handler對象的sendMessage()方法把數據發送到主線程中，從而達到更新UI主線程的目的  
43.                 Message msg = new Message();  
44.                 msg.what = SUCCESS_GET_CONTACT;  
45.                 msg.obj = contacts;  
46.                 mHandler.sendMessage(msg);  
47.             };  
48.         }.start();  
49.     }  
50.       
51.     @Override  
52.     protected void onDestroy() {  
53.         super.onDestroy();  
54.         //清空緩存  
55.         File[] files = cache.listFiles();  
56.         for(File file :files){  
57.             file.delete();  
58.         }  
59.         cache.delete();  
60.     }  
61. }  

 Activity中，注意以下幾點，

Java代碼  

1. public class ContactService {  
2.   
3.     /* 
4.      * 從服務器上獲取數據 
5.      */  
6.     public List<Contact> getContactAll() throws Exception {  
7.         List<Contact> contacts = null;  
8.         String Parth = "https://192.168.1.103:8080/myweb/list.xml";  
9.         URL url = new URL(Parth);  
10.         HttpURLConnection conn = (HttpURLConnection) url.openConnection();  
11.         conn.setConnectTimeout(3000);  
12.         conn.setRequestMethod("GET");  
13.         if (conn.getResponseCode() == HttpURLConnection.HTTP_OK) {  
14.             InputStream is = conn.getInputStream();  
15.             // 這裏獲取數據直接放在XmlPullParser裏麵解析  
16.             contacts = xmlParser(is);  
17.             return contacts;  
18.         } else {  
19.             return null;  
20.         }  
21.     }  
22.   
23.     // 這裏並沒有下載圖片下來，而是把圖片的地址保存下來了  
24.     private List<Contact> xmlParser(InputStream is) throws Exception {  
25.         List<Contact> contacts = null;  
26.         Contact contact = null;  
27.         XmlPullParser parser = Xml.newPullParser();  
28.         parser.setInput(is, "UTF-8");  
29.         int eventType = parser.getEventType();  
30.         while ((eventType = parser.next()) != XmlPullParser.END_DOCUMENT) {  
31.             switch (eventType) {  
32.             case XmlPullParser.START_TAG:  
33.                 if (parser.getName().equals("contacts")) {  
34.                     contacts = new ArrayList<Contact>();  
35.                 } else if (parser.getName().equals("contact")) {  
36.                     contact = new Contact();  
37.                     contact.setId(Integer.valueOf(parser.getAttributeValue(0)));  
38.                 } else if (parser.getName().equals("name")) {  
39.                     contact.setName(parser.nextText());  
40.                 } else if (parser.getName().equals("image")) {  
41.                     contact.setImage(parser.getAttributeValue(0));  
42.                 }  
43.                 break;  
44.   
45.             case XmlPullParser.END_TAG:  
46.                 if (parser.getName().equals("contact")) {  
47.                     contacts.add(contact);  
48.                 }  
49.                 break;  
50.             }  
51.         }  
52.         return contacts;  
53.     }  
54.   
55.     /* 
56.      * 從網絡上獲取圖片，如果圖片在本地存在的話就直接拿，如果不存在再去服務器上下載圖片 
57.      * 這裏的path是圖片的地址 
58.      */  
59.     public Uri getImageURI(String path, File cache) throws Exception {  
60.         String name = MD5.getMD5(path) + path.substring(path.lastIndexOf("."));  
61.         File file = new File(cache, name);  
62.         // 如果圖片存在本地緩存目錄，則不去服務器下載   
63.         if (file.exists()) {  
64.             return Uri.fromFile(file);//Uri.fromFile(path)這個方法能得到文件的URI  
65.         } else {  
66.             // 從網絡上獲取圖片  
67.             URL url = new URL(path);  
68.             HttpURLConnection conn = (HttpURLConnection) url.openConnection();  
69.             conn.setConnectTimeout(5000);  
70.             conn.setRequestMethod("GET");  
71.             conn.setDoInput(true);  
72.             if (conn.getResponseCode() == 200) {  
73.   
74.                 InputStream is = conn.getInputStream();  
75.                 FileOutputStream fos = new FileOutputStream(file);  
76.                 byte[] buffer = new byte[1024];  
77.                 int len = 0;  
78.                 while ((len = is.read(buffer)) != -1) {  
79.                     fos.write(buffer, 0, len);  
80.                 }  
81.                 is.close();  
82.                 fos.close();  
83.                 // 返回一個URI對象  
84.                 return Uri.fromFile(file);  
85.             }  
86.         }  
87.         return null;  
88.     }  
89. }  

Java代碼  

1. public class MyContactAdapter extends BaseAdapter {  
2.   
3.     protected static final int SUCCESS_GET_IMAGE = 0;  
4.     private Context context;  
5.     private List<Contact> contacts;  
6.     private File cache;  
7.     private LayoutInflater mInflater;  
8.   
9.     // 自己定義的構造函數  
10.     public MyContactAdapter(Context context, List<Contact> contacts, File cache) {  
11.         this.context = context;  
12.         this.contacts = contacts;  
13.         this.cache = cache;  
14.   
15.         mInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);  
16.     }  
17.   
18.     @Override  
19.     public int getCount() {  
20.         return contacts.size();  
21.     }  
22.   
23.     @Override  
24.     public Object getItem(int position) {  
25.         return contacts.get(position);  
26.     }  
27.   
28.     @Override  
29.     public long getItemId(int position) {  
30.         return position;  
31.     }  
32.   
33.     @Override  
34.     public View getView(int position, View convertView, ViewGroup parent) {  
35.         // 1獲取item,再得到控件  
36.         // 2 獲取數據  
37.         // 3綁定數據到item  
38.         View view = null;  
39.         if (convertView != null) {  
40.             view = convertView;  
41.         } else {  
42.             view = mInflater.inflate(R.layout.item, null);  
43.         }  
44.   
45.         ImageView iv_header = (ImageView) view.findViewById(R.id.iv_header);  
46.         TextView tv_name = (TextView) view.findViewById(R.id.tv_name);  
47.   
48.         Contact contact = contacts.get(position);  
49.   
50.         // 異步的加載圖片 (線程池 + Handler ) ---> AsyncTask  
51.         asyncloadImage(iv_header, contact.image);  
52.         tv_name.setText(contact.name);  
53.   
54.         return view;  
55.     }  
56.   
57.     private void asyncloadImage(ImageView iv_header, String path) {  
58.         ContactService service = new ContactService();  
59.         AsyncImageTask task = new AsyncImageTask(service, iv_header);  
60.         task.execute(path);  
61.     }  
62.   
63.     private final class AsyncImageTask extends AsyncTask<String, Integer, Uri> {  
64.   
65.         private ContactService service;  
66.         private ImageView iv_header;  
67.   
68.         public AsyncImageTask(ContactService service, ImageView iv_header) {  
69.             this.service = service;  
70.             this.iv_header = iv_header;  
71.         }  
72.   
73.         // 後台運行的子線程子線程  
74.         @Override  
75.         protected Uri doInBackground(String... params) {  
76.             try {  
77.                 return service.getImageURI(params[0], cache);  
78.             } catch (Exception e) {  
79.                 e.printStackTrace();  
80.             }  
81.             return null;  
82.         }  
83.   
84.         // 這個放在在ui線程中執行  
85.         @Override  
86.         protected void onPostExecute(Uri result) {  
87.             super.onPostExecute(result);   
88.             // 完成圖片的綁定  
89.             if (iv_header != null && result != null) {  
90.                 iv_header.setImageURI(result);  
91.             }  
92.         }  
93.     }  
94.   
95.     /** 
96.      * 采用普通方式異步的加載圖片 
97.      */  
98.     /*private void asyncloadImage(final ImageView iv_header, final String path) { 
99.         final Handler mHandler = new Handler() { 
100.             @Override 
101.             public void handleMessage(Message msg) { 
102.                 super.handleMessage(msg); 
103.                 if (msg.what == SUCCESS_GET_IMAGE) { 
104.                     Uri uri = (Uri) msg.obj; 
105.                     if (iv_header != null && uri != null) { 
106.                         iv_header.setImageURI(uri); 
107.                     } 
108.  
109.                 } 
110.             } 
111.         }; 
112.         // 子線程，開啟子線程去下載或者去緩存目錄找圖片，並且返回圖片在緩存目錄的地址 
113.         Runnable runnable = new Runnable() { 
114.             @Override 
115.             public void run() { 
116.                 ContactService service = new ContactService(); 
117.                 try { 
118.                     //這個URI是圖片下載到本地後的緩存目錄中的URI 
119.                     Uri uri = service.getImageURI(path, cache); 
120.                     Message msg = new Message(); 
121.                     msg.what = SUCCESS_GET_IMAGE; 
122.                     msg.obj = uri; 
123.                     mHandler.sendMessage(msg); 
124.                 } catch (Exception e) { 
125.                     e.printStackTrace(); 
126.                 } 
127.             } 
128.         }; 
129.         new Thread(runnable).start(); 
130.     }*/  
131. }  

Xml代碼  

1. <?xml version="1.0" encoding="UTF-8"?>  
2. <contacts>  
3.     <contact id="1">  
4.         <name>張飛</name>  
5.         <image src="https://192.168.1.103:8080/mymyweb/images/1.gif"/>  
6.     </contact>  
7.     <contact id="2">  
8.         <name>博文</name>  
9.         <image src="https://192.168.1.103:8080/myweb/images/2.gif"/>  
10.     </contact>      
11.     <contact id="3">  
12.         <name>張天佑</name>  
13.         <image src="https://192.168.1.103:8080/myweb/images/3.gif"/>  
14.     </contact>          
15.     <contact id="4">  
16.         <name>鬆德</name>  
17.         <image src="https://192.168.1.103:8080/myweb/images/4.gif"/>  
18.     </contact>          
19.     <contact id="5">  
20.         <name>趙薇</name>  
21.         <image src="https://192.168.1.103:8080/myweb/images/5.gif"/>  
22.     </contact>  
23.     <contact id="6">  
24.         <name>李靜</name>  
25.         <image src="https://192.168.1.103:8080/myweb/images/6.gif"/>  
26.     </contact>      
27.     <contact id="7">  
28.         <name>李明</name>  
29.         <image src="https://192.168.1.103:8080/myweb/images/7.gif"/>  
30.     </contact>          
31.     <contact id="8">  
32.         <name>黎明</name>  
33.         <image src="https://192.168.1.103:8080/myweb/images/8.gif"/>  
34.     </contact>          
35.       
36.     <contact id="9">  
37.         <name>秦檜</name>  
38.         <image src="https://192.168.1.103:8080/myweb/images/9.gif"/>  
39.     </contact>  
40.     <contact id="10">  
41.         <name>朱德</name>  
42.         <image src="https://192.168.1.103:8080/myweb/images/10.gif"/>  
43.     </contact>      
44.     <contact id="11">  
45.         <name>馮鞏</name>  
46.         <image src="https://192.168.1.103:8080/myweb/images/11.gif"/>  
47.     </contact>          
48.     <contact id="12">  
49.         <name>dylan</name>  
50.         <image src="https://192.168.1.103:8080/myweb/images/12.gif"/>  
51.     </contact>          
52.     <contact id="13">  
53.         <name>黃單</name>  
54.         <image src="https://192.168.1.103:8080/myweb/images/13.gif"/>  
55.     </contact>  
56.     <contact id="14">  
57.         <name>含蕊</name>  
58.         <image src="https://192.168.1.103:8080/myweb/images/14.gif"/>  
59.     </contact>      
60.     <contact id="15">  
61.         <name>欣琪</name>  
62.         <image src="https://192.168.1.103:8080/myweb/images/15.jpg"/>  
63.     </contact>          
64.     <contact id="16">  
65.         <name>李忠華</name>  
66.         <image src="https://192.168.1.103:8080/myweb/images/16.jpg"/>  
67.     </contact>      
68.     <contact id="17">  
69.         <name>方產員</name>  
70.         <image src="https://192.168.1.103:8080/myweb/images/17.jpg"/>  
71.     </contact>          
72.     <contact id="18">  
73.         <name>張光</name>  
74.         <image src="https://192.168.1.103:8080/myweb/images/18.jpg"/>  
75.     </contact>      
76. </contacts>  

Java代碼  

1. public class MD5 {  
2.   
3.     public static String getMD5(String content) {  
4.         try {  
5.             MessageDigest digest = MessageDigest.getInstance("MD5");  
6.             digest.update(content.getBytes());  
7.             return getHashString(digest);  
8.               
9.         } catch (NoSuchAlgorithmException e) {  
10.             e.printStackTrace();  
11.         }  
12.         return null;  
13.     }  
14.       
15.     private static String getHashString(MessageDigest digest) {  
16.         StringBuilder builder = new StringBuilder();  
17.         for (byte b : digest.digest()) {  
18.             builder.append(Integer.toHexString((b >> 4) & 0xf));  
19.             builder.append(Integer.toHexString(b & 0xf));  
20.         }  
21.         return builder.toString();  
22.     }  
23. }  

 以上省略了Contact.java這個domain類，通過這個demo，可以看出Android中會經常需要進行異步任務的處理，所以我們會常常用到自己手動開啟線程，handler機製，或者AsyncTask類等手段來保證應用的性能。

最後更新：2017-04-04 07:03:45

  上一篇： iOS開發那些事-響應內存警告

  下一篇： Android 文件的上傳和下載