在ListView中显示网络图片

最近在做一个天气预报的例子,想在ListView中添加网络图片,在翻阅很多文档,在Baidu上Google很久,终于找到了办法,现在跟大家分享一下解决方案,此篇仅做一个比较简单的实例。

大家知道ImageView类虽然有一个setImageUri方法,但不能直接接受一个由网络地址生成的uri作为参数从而显示图片,我们只好使用其setImageBitmap方法,如:

?
1
2
3
4
5
Bitmap mBitmap =  null ;
URL url =  new  URL(imageUrl);
HttpURLConnection conn = (HttpURLConnection) url.openConnection();
InputStream is = conn.getInputStream();
mBitmap = BitmapFactory.decodeStream(is);

在SimpleAdapter中需要一个数据源,用来存储数据的,在显示图片时我们要用HashMap<>存储一个Bitmap;但仅存取了Bitmap时在ListView中是无法显示图片的,我们需要对SimpleAdapter进行处理。

如下是对SimpleAdaptr处理的主要代码:

?
1
2
3
4
5
6
7
8
9
10
11
12
adapter.setViewBinder( new  ViewBinder() {
     public  boolean  setViewValue(View view, Object data,
             String textRepresentation) {
         //判断是否为我们要处理的对象
         if (view  instanceof  ImageView && data  instanceof  Bitmap){
             ImageView iv = (ImageView) view;
             iv.setImageBitmap((Bitmap) data);
             return  true ;
         } else
         return  false ;
     }
});

看API对android.widget.SimpleAdapter.ViewBinder的解释:

This class can be used by external clients of SimpleAdapter to bind values to views. You should use this class to bind values to views that are not directly supported by SimpleAdapter or to change the way binding occurs for views supported by SimpleAdapter.

你可以使用该类来处理SimpleAdapter不直接支持的数据。

下面来看看完整的代码:

main.xml 中就是一个ListView  , list_item.xml 是为ListView中控件提供布局 ,就是一个ImageView。这两个比较简单,不贴出代码。

主要代码:MainActivity.java

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
package  com.yin.listView;
 
import  java.io.IOException;
import  java.io.InputStream;
import  java.net.HttpURLConnection;
import  java.net.MalformedURLException;
import  java.net.URL;
import  java.util.ArrayList;
import  java.util.HashMap;
import  java.util.List;
import  android.app.Activity;
import  android.graphics.Bitmap;
import  android.graphics.BitmapFactory;
import  android.os.Bundle;
import  android.view.LayoutInflater;
import  android.view.View;
import  android.widget.ImageView;
import  android.widget.ListView;
import  android.widget.SimpleAdapter;
import  android.widget.SimpleAdapter.ViewBinder;
 
public  class  MainActivity  extends  Activity {
     ListView mListView;
     View mView;
     public  static  final  String imageUrl = "http://www.google.com//ig/images/weather/mostly_sunny.gif" ;
 
     public  void  onCreate(Bundle savedInstanceState) {
         super .onCreate(savedInstanceState);
         setContentView(R.layout.main);
 
         mView = LayoutInflater.from( this ).inflate(R.layout.list_item,  null );
         mListView = (ListView) findViewById(R.id.mList);
         List<HashMap<String, Object>> mListData = getListData();
 
         SimpleAdapter adapter =  new  SimpleAdapter( this , mListData,
                 R.layout.list_item,  new  String[] {  "icon"  },
                 new  int [] { R.id.image });
 
         adapter.setViewBinder( new  ViewBinder() {
 
             public  boolean  setViewValue(View view, Object data,
                     String textRepresentation) {
                 // 判断是否为我们要处理的对象
                 if  (view  instanceof  ImageView && data  instanceof  Bitmap) {
                     ImageView iv = (ImageView) view;
 
                     iv.setImageBitmap((Bitmap) data);
                     return  true ;
                 else
                     return  false ;
             }
         });
 
         mListView.setAdapter(adapter);
     }
 
     public  List<HashMap<String, Object>> getListData() {
         List<HashMap<String, Object>> list =  new  ArrayList<HashMap<String, Object>>();
         HashMap<String, Object> map =  null ;
         for  ( int  i =  0 ; i <  5 ; i++) {
             map =  new  HashMap<String, Object>();
             map.put( "icon" , getBitmap());
             list.add(map);
         }
         return  list;
     }
 
     public  Bitmap getBitmap() {
         Bitmap mBitmap =  null ;
         try  {
             URL url =  new  URL(imageUrl);
             HttpURLConnection conn = (HttpURLConnection) url.openConnection();
             InputStream is = conn.getInputStream();
             mBitmap = BitmapFactory.decodeStream(is);
 
         catch  (MalformedURLException e) {
             e.printStackTrace();
         catch  (IOException e) {
             e.printStackTrace();
         }
 
         return  mBitmap;
     }
 
}

注意:此例是显示网络图片,要记得添加权限。

?
1
< uses-permission  android:name = "android.permission.INTERNET" >

ListView显示图片效果图

http://www.android-study.com/pingtaikaifa/426.html

猜你喜欢

转载自qsh123.iteye.com/blog/1714177