Android ListView使用详解

Android ListView 使用详解

一个ListView通常有两个职责。

(1)将数据填充到布局。

(2)处理用户的选择点击等操作。

第一点很好理解,ListView就是实现这个功能的。第二点也不难做到,在后面的学习中读者会发现,这非常简单。

一个ListView的创建需要3个元素。

(1)ListView中的每一列的View。

(2)填入View的数据或者图片等。

(3)连接数据与ListView的适配器。

也就是说,要使用ListView,首先要了解什么是适配器。适配器是一个连接数据和AdapterView(ListView就是一个典型的AdapterView,后面还会学习其他的)的桥梁,通过它能有效地实现数据与AdapterView的分离设置,使AdapterView与数据的绑定更加简便,修改更加方便

Android中提供了很多的Adapter 以下是常用的几个

扫描二维码关注公众号,回复: 1593020 查看本文章

Adapter

含义

ArrayAdapter<T>

用来绑定一个数组,支持泛型操作

SimpleAdapter

用来绑定在xml中定义的控件对应的数据

SimpleCursorAdapter

用来绑定游标得到的数据

BaseAdapter

通用的基础适配器

其实适配器还有很多,要注意的是,各种Adapter只不过是转换的方式和能力不一样而已。

ListView使用ArrayAdapter

ArrayAdapter可以实现简单的ListView的数据绑定。默认情况下,ArrayAdapter绑定每个对象的toString值到layout中预先定义的TextView控件上。ArrayAdapter的使用非常简单。

实例:

在布局文件中加入一个ListView控件。

  1. <?xmlversionxmlversion=”1.0”encoding=”utf-8”?>  
  2. <LinearLayoutxmlns:androidLinearLayoutxmlns:android=“http://schemas.android.com/apk/res/android”     android:layout_width=“fill_parent”      
  3.  android:layout_height=“fill_parent”>   
  4. <!– 添加一个ListView控件 –>  
  5. <ListView  
  6. android:id=“@+id/lv”  
  7. android:layout_width=“fill_parent”       
  8. android:layout_height=“fill_parent”/>            
  9. </LinearLayout>  
<?xmlversion="1.0"encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"     android:layout_width="fill_parent"    
 android:layout_height="fill_parent"> 
<!-- 添加一个ListView控件 -->
<ListView
android:id="@+id/lv"
android:layout_width="fill_parent"     
android:layout_height="fill_parent"/>          
</LinearLayout>

然后在Activity中初始化。

  1. publicclass MyListView extends Activity {  
  2.       
  3. Private static final String[] strs = new String[] {  
  4.     ”first”“second”“third”“fourth”“fifth”  
  5.     };//定义一个String数组用来显示ListView的内容private ListView lv;/** Called when the activity is first created. */  
  6.   
  7.  @Override  
  8. publicvoid onCreate(Bundle savedInstanceState) {  
  9. super.onCreate(savedInstanceState);  
  10.         setContentView(R.layout.main);  
  11. lv = (ListView) findViewById(R.id.lv);//得到ListView对象的引用 /*为ListView设置Adapter来绑定数据*/   
  12. lv.setAdapter(new ArrayAdapter<String>(this,  
  13.                 android.R.layout.simple_list_item_1, strs));  
  14.     }  
  15. }  
publicclass MyListView extends Activity {

Private static final String[] strs = new String[] {
    "first", "second", "third", "fourth", "fifth"
    };//定义一个String数组用来显示ListView的内容private ListView lv;/** Called when the activity is first created. */

 @Override
publicvoid onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
lv = (ListView) findViewById(R.id.lv);//得到ListView对象的引用 /*为ListView设置Adapter来绑定数据*/ 
lv.setAdapter(new ArrayAdapter<String>(this,
                android.R.layout.simple_list_item_1, strs));
    }
}

分析一下使用的步骤。

1)定义一个数组来存放ListViewitem的内容。

2)通过实现ArrayAdapter的构造函数来创建一个ArrayAdapter的对象。

3)通过ListViewsetAdapter()方法绑定ArrayAdapter

其中第二步有必要说一下的是,ArrayAdapter有多个构造函数,例子中实现的是最常用的一种。第一个参数为上下文,第二个参数为一个包含TextView,用来填充ListView的每一行的布局资源ID。第三个参数为ListView的内容。其中第二个参数可以自定义一个layout,但是这个layout必须要有TextView控件。通常我们使用Android提供的资源,除了例子中所用的,常用的还有如下几种,可实现带RadioButtonCheckBoxListView

1)通过指定android.R.layout.simple_list_item_checked这个资源,实现带选择框的ListView。需要用setChoiceMode()方法设定选择为多选还是单选,否则将不能实现选择效果

实现代码如下:

  1. lv.setAdapter(new ArrayAdapter<String>(this,  
  2.                 android.R.layout.simple_list_item_checked, strs));  
  3. lv.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);  
lv.setAdapter(new ArrayAdapter<String>(this,
                android.R.layout.simple_list_item_checked, strs));
lv.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);

2)通过指定android.R.layout.simple_list_item_multiple_choice这个资源实现带CheckBoxListView。同样的,需要用setChoiceMode()方法来设置单选或者多选

实现代码如下:

  1. lv.setAdapter(new ArrayAdapter<String>(this,  
  2.                 android.R.layout.simple_list_item_multiple_choice, strs));  
  3. lv.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);  
lv.setAdapter(new ArrayAdapter<String>(this,
                android.R.layout.simple_list_item_multiple_choice, strs));
lv.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);

3)通过指定android.R.layout.simple_list_item_single_choice这个资源实现带RadioButtonListView。这里要注意的是,这里并不是指定了单选。是多选还是单选要通过setChoiceMode()方法来指定

实现代码如下:

  1. lv.setAdapter(newArrayAdapter<String>(this,  
  2. android.R.layout.simple_list_item_single_choice,strs));  
  3. lv.setChoiceMode(ListView.CHOICE_MODE_SINGLE);  
lv.setAdapter(newArrayAdapter<String>(this,
android.R.layout.simple_list_item_single_choice,strs));
lv.setChoiceMode(ListView.CHOICE_MODE_SINGLE);

在前面讲到过,ListView的职责除了填充数据外,还要处理用户的操作。通过如下的代码就可以为ListView绑定一个点击监听器,点击后在标题栏显示点击的行数。

  1. lv.setOnItemClickListener(new OnItemClickListener() {  
  2.             @Override  
  3.             publicvoid onItemClick(AdapterView<?> arg0, View arg1, int arg2,  
  4.                     long arg3) {  
  5.                     //点击后在标题上显示点击了第几行                    setTitle(“你点击了第”+arg2+”行”);  
  6.             }  
  7. });  
lv.setOnItemClickListener(new OnItemClickListener() {
            @Override
            publicvoid onItemClick(AdapterView<?> arg0, View arg1, int arg2,
                    long arg3) {
                    //点击后在标题上显示点击了第几行                    setTitle("你点击了第"+arg2+"行");
            }
});

ListView使用SimpleAdapter

很多时候需要在列表中展示一些除了文字以外的东西,比如图片等。这时候可以使用SimpleAdapterSimpleAdapter的使用也非常简单,同时它的功能也非常强大。可以通过它自定义ListView中的item的内容,比如图片、多选框等。看一个例子,实现一个每一行都有一个ImageViewTextViewListView。先看一下运行效果

首先在布局文件中增加一个ListView控件。

 

还需要定义一个ListView中每一行的布局,用RelativeLayout来实现一个带两行字和一个图片的布局。

  1. sample_adapter_item.xml  
sample_adapter_item.xml

  1. <?xml version=“1.0” encoding=“utf-8”?>  
  2.  <RelativeLayout xmlns:android=”http://schemas.android.com/apk/res/android”   
  3.     android:layout_height=”fill_parent”  
  4.     android:layout_width=”fill_parent”>   
  5.     <ImageView  
  6.         android:layout_alignParentRight=”true”   
  7.         android:layout_width=”wrap_content”  
  8.         android:layout_height=”wrap_content”   
  9.         android:id=”@+id/ItemImage”/>   
  10.     <TextView   
  11.         android:id=”@+id/ItemTitle”   
  12.         android:layout_height=”wrap_content”   
  13.         android:layout_width=”fill_parent”   
  14.         android:textSize=”20sp”/>  
  15.     <TextView  
  16.         android:id=”@+id/ItemText”   
  17.         android:layout_height=”wrap_content”   
  18.         android:layout_width=”fill_parent”   
  19.         android:layout_below=”@+id/ItemTitle”/>   
  20. </RelativeLayout>  
<?xml version="1.0" encoding="utf-8"?>
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_height="fill_parent"
    android:layout_width="fill_parent"> 
    <ImageView
        android:layout_alignParentRight="true" 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:id="@+id/ItemImage"/> 
    <TextView 
        android:id="@+id/ItemTitle" 
        android:layout_height="wrap_content" 
        android:layout_width="fill_parent" 
        android:textSize="20sp"/>
    <TextView
        android:id="@+id/ItemText" 
        android:layout_height="wrap_content" 
        android:layout_width="fill_parent" 
        android:layout_below="@+id/ItemTitle"/> 
</RelativeLayout>

配置完毕,就可以在Java代码中为ListView绑定数据。

  1. private ListView lv;  
  2.         /** Called when the activity is first created. */ @Override  
  3.     public void onCreate(Bundle savedInstanceState) {  
  4.             super.onCreate(savedInstanceState);  
  5.             setContentView(R.layout.activity_list_view_simple_adapter);  
  6.             lv = (ListView) findViewById(R.id.lv2);/*定义一个动态数组*/            
  7.   
  8.             ArrayList<HashMap<String, Object>> listItem = new ArrayList <HashMap<String,Object>>();/*在数组中存放数据*/  
  9.   
  10.             for(int i=0;i<10;i++)    
  11.                 {    
  12.                     HashMap<String, Object> map = new HashMap<String, Object>();    
  13.                     map.put(”ItemImage”, R.drawable.ic_launcher);//加入图片              
  14.                     map.put(”ItemTitle”“第”+i+“行”);    
  15.                     map.put(”ItemText”“这是第”+i+“行”);    
  16.                     listItem.add(map);    
  17.             }  
  18.             //new String  数据来源, new int 数据到哪去  
  19.             SimpleAdapter mSimpleAdapter = new SimpleAdapter(this,listItem,R.layout.sample_adapter_item,  
  20.                                                 new String[] {“ItemImage”,“ItemTitle”“ItemText”},     
  21.                                                 new int[] {R.id.ItemImage,R.id.ItemTitle,R.id.ItemText});  
  22.     lv.setAdapter(mSimpleAdapter);//为ListView绑定适配器   
  23.     lv.setOnItemClickListener(new OnItemClickListener() {  
  24.                 @Override  
  25.                 public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,  
  26.                         long arg3) {  
  27.                     setTitle(”你点击了第”+arg2+“行”);//设置标题栏显示点击的行                  
  28.                 }  
  29.             });  
  30.         }  
private ListView lv;
        /** Called when the activity is first created. */ @Override
    public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_list_view_simple_adapter);
            lv = (ListView) findViewById(R.id.lv2);/*定义一个动态数组*/          

            ArrayList<HashMap<String, Object>> listItem = new ArrayList <HashMap<String,Object>>();/*在数组中存放数据*/

            for(int i=0;i<10;i++)  
                {  
                    HashMap<String, Object> map = new HashMap<String, Object>();  
                    map.put("ItemImage", R.drawable.ic_launcher);//加入图片            
                    map.put("ItemTitle", "第"+i+"行");  
                    map.put("ItemText", "这是第"+i+"行");  
                    listItem.add(map);  
            }
            //new String  数据来源, new int 数据到哪去
            SimpleAdapter mSimpleAdapter = new SimpleAdapter(this,listItem,R.layout.sample_adapter_item,
                                                new String[] {"ItemImage","ItemTitle", "ItemText"},   
                                                new int[] {R.id.ItemImage,R.id.ItemTitle,R.id.ItemText});
    lv.setAdapter(mSimpleAdapter);//为ListView绑定适配器 
    lv.setOnItemClickListener(new OnItemClickListener() {
                @Override
                public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
                        long arg3) {
                    setTitle("你点击了第"+arg2+"行");//设置标题栏显示点击的行                
                }
            });
        }

使用simpleAdapter的数据一般都是用HashMap构成的列表,列表的每一节对应ListView的每一行。通过SimpleAdapter的构造函数,将HashMap的每个键的数据映射到布局文件中对应控件上。这个布局文件一般根据自己的需要来自己定义。梳理一下使用SimpleAdapter的步骤。

 

1)根据需要定义ListView每行所实现的布局。

2)定义一个HashMap构成的列表,将数据以键值对的方式存放在里面。

3)构造SimpleAdapter对象。

4)将LsitView绑定到SimpleAdapter上。

ListView使用BaseAdapterListView的优化

ListView的使用中,有时候还需要在里面加入按钮等控件,实现单独的操作。也就是说,这个ListView不再只是展示数据,也不仅仅是这一行要来处理用户的操作,而是里面的控件要获得用户的焦点。读者可以试试用SimpleAdapter添加一个按钮到ListView的条目中,会发现可以添加,但是却无法获得焦点,点击操作被ListViewItem所覆盖。这时候最方便的方法就是使用灵活的适配器BaseAdapter了。



使用BaseAdapter必须写一个类继承它,同时BaseAdapter是一个抽象类,继承它必须实现它的方法。BaseAdapter的灵活性就在于它要重写很多方法,看一下有哪些方法,如上图所示为继承自BaseAdapterSpeechListAdapter所实现的方法,其中最重要的即为getView()方法。这些方法都有什么作用呢?我们通过分析ListView的原理来为读者解答。

当系统开始绘制ListView的时候,首先调用getCount()方法。得到它的返回值,即ListView的长度。然后系统调用getView()方法,根据这个长度逐一绘制ListView的每一行。也就是说,如果让getCount()返回1,那么只显示一行。而getItem()getItemId()则在需要处理和取得Adapter中的数据时调用。那么getView如何使用呢?如果有10000行数据,就绘制10000次?这肯定会极大的消耗资源,导致ListView滑动非常的慢,那应该怎么做呢?通过一个例子来讲解如何在使用BaseAdapter的时候优化ListView的显示。例子中将上一节中的ImageView换成Button,并且处理Button的点击事件,其中对ListView的显示做了优化。

BaseAdapter 使用例子

布局文件为一个ListView item布局文件为一个按钮+两行文字。

  1. <?xml version=“1.0” encoding=“utf-8”?>  
  2.  <RelativeLayout xmlns:android=“http://schemas.android.com/apk/res/android”   
  3.     android:layout_height=“fill_parent”  
  4.     android:layout_width=“fill_parent”>   
  5.   
  6.     <Button  
  7.         android:layout_alignParentRight=“true”   
  8.         android:layout_width=“wrap_content”  
  9.         android:layout_height=“wrap_content”   
  10.         android:id=“@+id/ItemButton”  
  11.         android:text=“按钮”  
  12.         android:focusable=“false”/>   
  13.   
  14.     <TextView   
  15.         android:id=“@+id/ItemTitles”   
  16.         android:layout_height=“wrap_content”   
  17.         android:layout_width=“fill_parent”   
  18.         android:textSize=“20sp”/>  
  19.   
  20.     <TextView  
  21.         android:id=“@+id/ItemTexts”   
  22.         android:layout_height=“wrap_content”   
  23.         android:layout_width=“fill_parent”   
  24.         android:layout_below=“@+id/ItemTitles”/>   
  25. </RelativeLayout>  
<?xml version="1.0" encoding="utf-8"?>
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_height="fill_parent"
    android:layout_width="fill_parent"> 

    <Button
        android:layout_alignParentRight="true" 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:id="@+id/ItemButton"
        android:text="按钮"
        android:focusable="false"/> 

    <TextView 
        android:id="@+id/ItemTitles" 
        android:layout_height="wrap_content" 
        android:layout_width="fill_parent" 
        android:textSize="20sp"/>

    <TextView
        android:id="@+id/ItemTexts" 
        android:layout_height="wrap_content" 
        android:layout_width="fill_parent" 
        android:layout_below="@+id/ItemTitles"/> 
</RelativeLayout>

Activity

  1. public class ListViewBaseAdapter extends Activity {  
  2.     private ListView lv;  
  3.     /*定义一个动态数组*/       
  4.     ArrayList<HashMap<String, Object>> listItem;/** Called when the activity is first created. */   
  5.   
  6.     @Override  
  7.     public void onCreate(Bundle savedInstanceState) {  
  8.         super.onCreate(savedInstanceState);  
  9.         setContentView(R.layout.activity_list_view_base_adapter);  
  10.   
  11.         lv = (ListView) findViewById(R.id.base_lv);  
  12.         MyAdapter mAdapter = new MyAdapter(this);//得到一个MyAdapter对象  
  13.         lv.setAdapter(mAdapter);//为ListView绑定Adapter /*为ListView添加点击事件*/   
  14.         lv.setOnItemClickListener(new OnItemClickListener() {  
  15.             @Override  
  16.             public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,  
  17.                     long arg3) {  
  18.                 Log.v(”MyListViewBase”“你点击了ListView条目” + arg2);//在LogCat中输出信息                  
  19.             }  
  20.         });  
  21.     }/*添加一个得到数据的方法,方便使用*/   
  22.     private ArrayList<HashMap<String, Object>> getDate(){  
  23.       
  24.     ArrayList<HashMap<String, Object>> listItem = new ArrayList<HashMap<String,Object>>();  
  25.     /*为动态数组添加数据*/       
  26.     for(int i=0;i<30;i++)    
  27.          {    
  28.              HashMap<String, Object> map = new HashMap<String, Object>();    
  29.              map.put(”ItemTitle”“第”+i+“行”);    
  30.              map.put(”ItemText”“这是第”+i+“行”);    
  31.              listItem.add(map);    
  32.          }   
  33.         return listItem;  
  34.       
  35.     }/*      * 新建一个类继承BaseAdapter,实现视图与数据的绑定 
  36.      */   
  37.     private class MyAdapter extends BaseAdapter {  
  38.         private LayoutInflater mInflater;//得到一个LayoutInfalter对象用来导入布局 /*构造函数*/   
  39.   
  40.         public MyAdapter(Context context) {  
  41.             this.mInflater = LayoutInflater.from(context);  
  42.         }  
  43.   
  44.         @Override  
  45.         public int getCount() {  
  46.               
  47.             return getDate().size();//返回数组的长度          
  48.         }  
  49.   
  50.         @Override  
  51.         public Object getItem(int position) {  
  52.             return null;  
  53.         }  
  54.   
  55.         @Override  
  56.         public long getItemId(int position) {  
  57.             return 0;  
  58.         }  
  59.         /*书中详细解释该方法*/           
  60.         @Override  
  61.         public View getView(final int position, View convertView, ViewGroup parent) {  
  62.              ViewHolder holder;  
  63.             //观察convertView随ListView滚动情况               
  64.   
  65.              Log.v(”MyListViewBase”“getView ” + position + “ ” + convertView);  
  66.             if (convertView == null) {  
  67.                      convertView = mInflater.inflate(R.layout.base_adapter_item,null);  
  68.                      holder = new ViewHolder();  
  69.                      /*得到各个控件的对象*/                      
  70.   
  71.                     holder.title = (TextView) convertView.findViewById(R.id.ItemTitles);  
  72.                     holder.text = (TextView) convertView.findViewById(R.id.ItemTexts);  
  73.                     holder.bt = (Button) convertView.findViewById(R.id.ItemButton);  
  74.                     convertView.setTag(holder);//绑定ViewHolder对象                     
  75.             }else{  
  76.                     holder = (ViewHolder)convertView.getTag();//取出ViewHolder对象                    
  77.             }  
  78.             /*设置TextView显示的内容,即我们存放在动态数组中的数据*/               
  79.   
  80.             holder.title.setText(getDate().get(position).get(”ItemTitle”).toString());  
  81.             holder.text.setText(getDate().get(position).get(”ItemText”).toString());  
  82.               
  83.             /*为Button添加点击事件*/                
  84.             holder.bt.setOnClickListener(new OnClickListener() {  
  85.                   
  86.                 @Override  
  87.                 public void onClick(View v) {  
  88.                 Log.v(”MyListViewBase”“你点击了按钮” + position);//打印Button的点击信息                      
  89.                 }  
  90.             });       
  91.             return convertView;  
  92.         }  
  93.     }/*存放控件*/   
  94.     public final class ViewHolder{  
  95.         public TextView title;  
  96.         public TextView text;  
  97.         public Button   bt;  
  98.     }  
  99. }  
public class ListViewBaseAdapter extends Activity {
    private ListView lv;
    /*定义一个动态数组*/     
    ArrayList<HashMap<String, Object>> listItem;/** Called when the activity is first created. */ 

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_list_view_base_adapter);

        lv = (ListView) findViewById(R.id.base_lv);
        MyAdapter mAdapter = new MyAdapter(this);//得到一个MyAdapter对象
        lv.setAdapter(mAdapter);//为ListView绑定Adapter /*为ListView添加点击事件*/ 
        lv.setOnItemClickListener(new OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
                    long arg3) {
                Log.v("MyListViewBase", "你点击了ListView条目" + arg2);//在LogCat中输出信息                
            }
        });
    }/*添加一个得到数据的方法,方便使用*/ 
    private ArrayList<HashMap<String, Object>> getDate(){

    ArrayList<HashMap<String, Object>> listItem = new ArrayList<HashMap<String,Object>>();
    /*为动态数组添加数据*/     
    for(int i=0;i<30;i++)  
         {  
             HashMap<String, Object> map = new HashMap<String, Object>();  
             map.put("ItemTitle", "第"+i+"行");  
             map.put("ItemText", "这是第"+i+"行");  
             listItem.add(map);  
         } 
        return listItem;

    }/*      * 新建一个类继承BaseAdapter,实现视图与数据的绑定
     */ 
    private class MyAdapter extends BaseAdapter {
        private LayoutInflater mInflater;//得到一个LayoutInfalter对象用来导入布局 /*构造函数*/ 

        public MyAdapter(Context context) {
            this.mInflater = LayoutInflater.from(context);
        }

        @Override
        public int getCount() {

            return getDate().size();//返回数组的长度        
        }

        @Override
        public Object getItem(int position) {
            return null;
        }

        @Override
        public long getItemId(int position) {
            return 0;
        }
        /*书中详细解释该方法*/         
        @Override
        public View getView(final int position, View convertView, ViewGroup parent) {
             ViewHolder holder;
            //观察convertView随ListView滚动情况             

             Log.v("MyListViewBase", "getView " + position + " " + convertView);
            if (convertView == null) {
                     convertView = mInflater.inflate(R.layout.base_adapter_item,null);
                     holder = new ViewHolder();
                     /*得到各个控件的对象*/                    

                    holder.title = (TextView) convertView.findViewById(R.id.ItemTitles);
                    holder.text = (TextView) convertView.findViewById(R.id.ItemTexts);
                    holder.bt = (Button) convertView.findViewById(R.id.ItemButton);
                    convertView.setTag(holder);//绑定ViewHolder对象                   
            }else{
                    holder = (ViewHolder)convertView.getTag();//取出ViewHolder对象                  
            }
            /*设置TextView显示的内容,即我们存放在动态数组中的数据*/             

            holder.title.setText(getDate().get(position).get("ItemTitle").toString());
            holder.text.setText(getDate().get(position).get("ItemText").toString());

            /*为Button添加点击事件*/              
            holder.bt.setOnClickListener(new OnClickListener() {

                @Override
                public void onClick(View v) {
                Log.v("MyListViewBase", "你点击了按钮" + position);//打印Button的点击信息                    
                }
            });     
            return convertView;
        }
    }/*存放控件*/ 
    public final class ViewHolder{
        public TextView title;
        public TextView text;
        public Button   bt;
    }
}

还需要注意的是,Button会抢夺ListView的焦点,需要将Button设置为没有焦点。设置非常简单,只需要在xmlButton标签下加入一行:android:focusable=false”代码就可以了

代码中getView()方法不容易理解。其实完全可以不用所谓的convertViewViewHolder,直接导入布局并且设置控件显示的内容就可以了。但是这意味着有多少行数据就需要绘制多少行ListView,这显然是不可取的。这里采用了一种优化的方法。

代码中,在getView()方法中加入了一行log输出convertView的内容。当启动Activity呈现第一屏ListView的时候,convertView为零。当用户向下滚动ListView时,上面的条目变为不可见,下面出现新的条目。这时候convertView不再为空,而是创建了一系列的convertView的值。当又往下滚一屏的时候,发现第11行的容器用来容纳第22行,第12行的容器用来容纳第23行。也就是说convertView相当于一个缓存,开始为0,当有条目变为不可见,它缓存了它的数据,后面再出来的条目只需要更新数据就可以了,这样大大节省了系统资料的开销。

 

还可以继续优化。虽然重复利用了已经绘制的view,但是要得到其中的控件,需要在控件的容器中通过findViewById的方法来获得。如果这个容器非常复杂,这显然会增加系统资源的开销。在上面的例子中,引入了Tag的概念。或许不是最好的办法,但是它确实能使ListView变得更流畅。代码中,当convertView为空时,用setTag()方法为每个View绑定一个存放控件的ViewHolder对象。当convertView不为空,重复利用已经创建的view的时候,使用getTag()方法获取绑定的ViewHolder对象,这样就避免了findViewById对控件的层层查询,而是快速定位到控件。

 

在一个完整的ListView第一次出现时,每个Item都是Null的,getView的时候会跑到需要inflate一个Item的代码段,假设整个view只能最多显示10item,那么当滑动到第11Item的时候,第一个item会放入“recycler”,如果第11Item和放入“Recycler”的itemview一致,那么就会使用“Recycler”里面的Item来显示,从而不用再重复inflate一次,这样大大节省了创建View的工作,在需要显示大量数据时显得尤为重要。


getView 被重复调用的问题,由于listView没有指定高度,系统不能确定具体需要多少view来显示listView


文章转自: http://blog.csdn.net/notice520/article/details/7040962


                </div>

Android ListView 使用详解

一个ListView通常有两个职责。

(1)将数据填充到布局。

(2)处理用户的选择点击等操作。

第一点很好理解,ListView就是实现这个功能的。第二点也不难做到,在后面的学习中读者会发现,这非常简单。

一个ListView的创建需要3个元素。

(1)ListView中的每一列的View。

(2)填入View的数据或者图片等。

(3)连接数据与ListView的适配器。

也就是说,要使用ListView,首先要了解什么是适配器。适配器是一个连接数据和AdapterView(ListView就是一个典型的AdapterView,后面还会学习其他的)的桥梁,通过它能有效地实现数据与AdapterView的分离设置,使AdapterView与数据的绑定更加简便,修改更加方便

Android中提供了很多的Adapter 以下是常用的几个

Adapter

含义

ArrayAdapter<T>

用来绑定一个数组,支持泛型操作

SimpleAdapter

用来绑定在xml中定义的控件对应的数据

SimpleCursorAdapter

用来绑定游标得到的数据

BaseAdapter

通用的基础适配器

其实适配器还有很多,要注意的是,各种Adapter只不过是转换的方式和能力不一样而已。

ListView使用ArrayAdapter

ArrayAdapter可以实现简单的ListView的数据绑定。默认情况下,ArrayAdapter绑定每个对象的toString值到layout中预先定义的TextView控件上。ArrayAdapter的使用非常简单。

实例:

在布局文件中加入一个ListView控件。

  1. <?xmlversionxmlversion=”1.0”encoding=”utf-8”?>  
  2. <LinearLayoutxmlns:androidLinearLayoutxmlns:android=“http://schemas.android.com/apk/res/android”     android:layout_width=“fill_parent”      
  3.  android:layout_height=“fill_parent”>   
  4. <!– 添加一个ListView控件 –>  
  5. <ListView  
  6. android:id=“@+id/lv”  
  7. android:layout_width=“fill_parent”       
  8. android:layout_height=“fill_parent”/>            
  9. </LinearLayout>  
<?xmlversion="1.0"encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"     android:layout_width="fill_parent"    
 android:layout_height="fill_parent"> 
<!-- 添加一个ListView控件 -->
<ListView
android:id="@+id/lv"
android:layout_width="fill_parent"     
android:layout_height="fill_parent"/>          
</LinearLayout>

然后在Activity中初始化。

  1. publicclass MyListView extends Activity {  
  2.       
  3. Private static final String[] strs = new String[] {  
  4.     ”first”“second”“third”“fourth”“fifth”  
  5.     };//定义一个String数组用来显示ListView的内容private ListView lv;/** Called when the activity is first created. */  
  6.   
  7.  @Override  
  8. publicvoid onCreate(Bundle savedInstanceState) {  
  9. super.onCreate(savedInstanceState);  
  10.         setContentView(R.layout.main);  
  11. lv = (ListView) findViewById(R.id.lv);//得到ListView对象的引用 /*为ListView设置Adapter来绑定数据*/   
  12. lv.setAdapter(new ArrayAdapter<String>(this,  
  13.                 android.R.layout.simple_list_item_1, strs));  
  14.     }  
  15. }  
publicclass MyListView extends Activity {

Private static final String[] strs = new String[] {
    "first", "second", "third", "fourth", "fifth"
    };//定义一个String数组用来显示ListView的内容private ListView lv;/** Called when the activity is first created. */

 @Override
publicvoid onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
lv = (ListView) findViewById(R.id.lv);//得到ListView对象的引用 /*为ListView设置Adapter来绑定数据*/ 
lv.setAdapter(new ArrayAdapter<String>(this,
                android.R.layout.simple_list_item_1, strs));
    }
}

分析一下使用的步骤。

1)定义一个数组来存放ListViewitem的内容。

2)通过实现ArrayAdapter的构造函数来创建一个ArrayAdapter的对象。

3)通过ListViewsetAdapter()方法绑定ArrayAdapter

其中第二步有必要说一下的是,ArrayAdapter有多个构造函数,例子中实现的是最常用的一种。第一个参数为上下文,第二个参数为一个包含TextView,用来填充ListView的每一行的布局资源ID。第三个参数为ListView的内容。其中第二个参数可以自定义一个layout,但是这个layout必须要有TextView控件。通常我们使用Android提供的资源,除了例子中所用的,常用的还有如下几种,可实现带RadioButtonCheckBoxListView

1)通过指定android.R.layout.simple_list_item_checked这个资源,实现带选择框的ListView。需要用setChoiceMode()方法设定选择为多选还是单选,否则将不能实现选择效果

实现代码如下:

  1. lv.setAdapter(new ArrayAdapter<String>(this,  
  2.                 android.R.layout.simple_list_item_checked, strs));  
  3. lv.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);  
lv.setAdapter(new ArrayAdapter<String>(this,
                android.R.layout.simple_list_item_checked, strs));
lv.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);

2)通过指定android.R.layout.simple_list_item_multiple_choice这个资源实现带CheckBoxListView。同样的,需要用setChoiceMode()方法来设置单选或者多选

实现代码如下:

  1. lv.setAdapter(new ArrayAdapter<String>(this,  
  2.                 android.R.layout.simple_list_item_multiple_choice, strs));  
  3. lv.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);  
lv.setAdapter(new ArrayAdapter<String>(this,
                android.R.layout.simple_list_item_multiple_choice, strs));
lv.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);

3)通过指定android.R.layout.simple_list_item_single_choice这个资源实现带RadioButtonListView。这里要注意的是,这里并不是指定了单选。是多选还是单选要通过setChoiceMode()方法来指定

实现代码如下:

  1. lv.setAdapter(newArrayAdapter<String>(this,  
  2. android.R.layout.simple_list_item_single_choice,strs));  
  3. lv.setChoiceMode(ListView.CHOICE_MODE_SINGLE);  
lv.setAdapter(newArrayAdapter<String>(this,
android.R.layout.simple_list_item_single_choice,strs));
lv.setChoiceMode(ListView.CHOICE_MODE_SINGLE);

在前面讲到过,ListView的职责除了填充数据外,还要处理用户的操作。通过如下的代码就可以为ListView绑定一个点击监听器,点击后在标题栏显示点击的行数。

  1. lv.setOnItemClickListener(new OnItemClickListener() {  
  2.             @Override  
  3.             publicvoid onItemClick(AdapterView<?> arg0, View arg1, int arg2,  
  4.                     long arg3) {  
  5.                     //点击后在标题上显示点击了第几行                    setTitle(“你点击了第”+arg2+”行”);  
  6.             }  
  7. });  
lv.setOnItemClickListener(new OnItemClickListener() {
            @Override
            publicvoid onItemClick(AdapterView<?> arg0, View arg1, int arg2,
                    long arg3) {
                    //点击后在标题上显示点击了第几行                    setTitle("你点击了第"+arg2+"行");
            }
});

ListView使用SimpleAdapter

很多时候需要在列表中展示一些除了文字以外的东西,比如图片等。这时候可以使用SimpleAdapterSimpleAdapter的使用也非常简单,同时它的功能也非常强大。可以通过它自定义ListView中的item的内容,比如图片、多选框等。看一个例子,实现一个每一行都有一个ImageViewTextViewListView。先看一下运行效果

首先在布局文件中增加一个ListView控件。

 

还需要定义一个ListView中每一行的布局,用RelativeLayout来实现一个带两行字和一个图片的布局。

  1. sample_adapter_item.xml  
sample_adapter_item.xml

  1. <?xml version=“1.0” encoding=“utf-8”?>  
  2.  <RelativeLayout xmlns:android=”http://schemas.android.com/apk/res/android”   
  3.     android:layout_height=”fill_parent”  
  4.     android:layout_width=”fill_parent”>   
  5.     <ImageView  
  6.         android:layout_alignParentRight=”true”   
  7.         android:layout_width=”wrap_content”  
  8.         android:layout_height=”wrap_content”   
  9.         android:id=”@+id/ItemImage”/>   
  10.     <TextView   
  11.         android:id=”@+id/ItemTitle”   
  12.         android:layout_height=”wrap_content”   
  13.         android:layout_width=”fill_parent”   
  14.         android:textSize=”20sp”/>  
  15.     <TextView  
  16.         android:id=”@+id/ItemText”   
  17.         android:layout_height=”wrap_content”   
  18.         android:layout_width=”fill_parent”   
  19.         android:layout_below=”@+id/ItemTitle”/>   
  20. </RelativeLayout>  
<?xml version="1.0" encoding="utf-8"?>
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_height="fill_parent"
    android:layout_width="fill_parent"> 
    <ImageView
        android:layout_alignParentRight="true" 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:id="@+id/ItemImage"/> 
    <TextView 
        android:id="@+id/ItemTitle" 
        android:layout_height="wrap_content" 
        android:layout_width="fill_parent" 
        android:textSize="20sp"/>
    <TextView
        android:id="@+id/ItemText" 
        android:layout_height="wrap_content" 
        android:layout_width="fill_parent" 
        android:layout_below="@+id/ItemTitle"/> 
</RelativeLayout>

配置完毕,就可以在Java代码中为ListView绑定数据。

  1. private ListView lv;  
  2.         /** Called when the activity is first created. */ @Override  
  3.     public void onCreate(Bundle savedInstanceState) {  
  4.             super.onCreate(savedInstanceState);  
  5.             setContentView(R.layout.activity_list_view_simple_adapter);  
  6.             lv = (ListView) findViewById(R.id.lv2);/*定义一个动态数组*/            
  7.   
  8.             ArrayList<HashMap<String, Object>> listItem = new ArrayList <HashMap<String,Object>>();/*在数组中存放数据*/  
  9.   
  10.             for(int i=0;i<10;i++)    
  11.                 {    
  12.                     HashMap<String, Object> map = new HashMap<String, Object>();    
  13.                     map.put(”ItemImage”, R.drawable.ic_launcher);//加入图片              
  14.                     map.put(”ItemTitle”“第”+i+“行”);    
  15.                     map.put(”ItemText”“这是第”+i+“行”);    
  16.                     listItem.add(map);    
  17.             }  
  18.             //new String  数据来源, new int 数据到哪去  
  19.             SimpleAdapter mSimpleAdapter = new SimpleAdapter(this,listItem,R.layout.sample_adapter_item,  
  20.                                                 new String[] {“ItemImage”,“ItemTitle”“ItemText”},     
  21.                                                 new int[] {R.id.ItemImage,R.id.ItemTitle,R.id.ItemText});  
  22.     lv.setAdapter(mSimpleAdapter);//为ListView绑定适配器   
  23.     lv.setOnItemClickListener(new OnItemClickListener() {  
  24.                 @Override  
  25.                 public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,  
  26.                         long arg3) {  
  27.                     setTitle(”你点击了第”+arg2+“行”);//设置标题栏显示点击的行                  
  28.                 }  
  29.             });  
  30.         }  
private ListView lv;
        /** Called when the activity is first created. */ @Override
    public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_list_view_simple_adapter);
            lv = (ListView) findViewById(R.id.lv2);/*定义一个动态数组*/          

            ArrayList<HashMap<String, Object>> listItem = new ArrayList <HashMap<String,Object>>();/*在数组中存放数据*/

            for(int i=0;i<10;i++)  
                {  
                    HashMap<String, Object> map = new HashMap<String, Object>();  
                    map.put("ItemImage", R.drawable.ic_launcher);//加入图片            
                    map.put("ItemTitle", "第"+i+"行");  
                    map.put("ItemText", "这是第"+i+"行");  
                    listItem.add(map);  
            }
            //new String  数据来源, new int 数据到哪去
            SimpleAdapter mSimpleAdapter = new SimpleAdapter(this,listItem,R.layout.sample_adapter_item,
                                                new String[] {"ItemImage","ItemTitle", "ItemText"},   
                                                new int[] {R.id.ItemImage,R.id.ItemTitle,R.id.ItemText});
    lv.setAdapter(mSimpleAdapter);//为ListView绑定适配器 
    lv.setOnItemClickListener(new OnItemClickListener() {
                @Override
                public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
                        long arg3) {
                    setTitle("你点击了第"+arg2+"行");//设置标题栏显示点击的行                
                }
            });
        }

使用simpleAdapter的数据一般都是用HashMap构成的列表,列表的每一节对应ListView的每一行。通过SimpleAdapter的构造函数,将HashMap的每个键的数据映射到布局文件中对应控件上。这个布局文件一般根据自己的需要来自己定义。梳理一下使用SimpleAdapter的步骤。

 

1)根据需要定义ListView每行所实现的布局。

2)定义一个HashMap构成的列表,将数据以键值对的方式存放在里面。

3)构造SimpleAdapter对象。

4)将LsitView绑定到SimpleAdapter上。

ListView使用BaseAdapterListView的优化

ListView的使用中,有时候还需要在里面加入按钮等控件,实现单独的操作。也就是说,这个ListView不再只是展示数据,也不仅仅是这一行要来处理用户的操作,而是里面的控件要获得用户的焦点。读者可以试试用SimpleAdapter添加一个按钮到ListView的条目中,会发现可以添加,但是却无法获得焦点,点击操作被ListViewItem所覆盖。这时候最方便的方法就是使用灵活的适配器BaseAdapter了。



使用BaseAdapter必须写一个类继承它,同时BaseAdapter是一个抽象类,继承它必须实现它的方法。BaseAdapter的灵活性就在于它要重写很多方法,看一下有哪些方法,如上图所示为继承自BaseAdapterSpeechListAdapter所实现的方法,其中最重要的即为getView()方法。这些方法都有什么作用呢?我们通过分析ListView的原理来为读者解答。

当系统开始绘制ListView的时候,首先调用getCount()方法。得到它的返回值,即ListView的长度。然后系统调用getView()方法,根据这个长度逐一绘制ListView的每一行。也就是说,如果让getCount()返回1,那么只显示一行。而getItem()getItemId()则在需要处理和取得Adapter中的数据时调用。那么getView如何使用呢?如果有10000行数据,就绘制10000次?这肯定会极大的消耗资源,导致ListView滑动非常的慢,那应该怎么做呢?通过一个例子来讲解如何在使用BaseAdapter的时候优化ListView的显示。例子中将上一节中的ImageView换成Button,并且处理Button的点击事件,其中对ListView的显示做了优化。

BaseAdapter 使用例子

布局文件为一个ListView item布局文件为一个按钮+两行文字。

  1. <?xml version=“1.0” encoding=“utf-8”?>  
  2.  <RelativeLayout xmlns:android=“http://schemas.android.com/apk/res/android”   
  3.     android:layout_height=“fill_parent”  
  4.     android:layout_width=“fill_parent”>   
  5.   
  6.     <Button  
  7.         android:layout_alignParentRight=“true”   
  8.         android:layout_width=“wrap_content”  
  9.         android:layout_height=“wrap_content”   
  10.         android:id=“@+id/ItemButton”  
  11.         android:text=“按钮”  
  12.         android:focusable=“false”/>   
  13.   
  14.     <TextView   
  15.         android:id=“@+id/ItemTitles”   
  16.         android:layout_height=“wrap_content”   
  17.         android:layout_width=“fill_parent”   
  18.         android:textSize=“20sp”/>  
  19.   
  20.     <TextView  
  21.         android:id=“@+id/ItemTexts”   
  22.         android:layout_height=“wrap_content”   
  23.         android:layout_width=“fill_parent”   
  24.         android:layout_below=“@+id/ItemTitles”/>   
  25. </RelativeLayout>  
<?xml version="1.0" encoding="utf-8"?>
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_height="fill_parent"
    android:layout_width="fill_parent"> 

    <Button
        android:layout_alignParentRight="true" 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:id="@+id/ItemButton"
        android:text="按钮"
        android:focusable="false"/> 

    <TextView 
        android:id="@+id/ItemTitles" 
        android:layout_height="wrap_content" 
        android:layout_width="fill_parent" 
        android:textSize="20sp"/>

    <TextView
        android:id="@+id/ItemTexts" 
        android:layout_height="wrap_content" 
        android:layout_width="fill_parent" 
        android:layout_below="@+id/ItemTitles"/> 
</RelativeLayout>

Activity

  1. public class ListViewBaseAdapter extends Activity {  
  2.     private ListView lv;  
  3.     /*定义一个动态数组*/       
  4.     ArrayList<HashMap<String, Object>> listItem;/** Called when the activity is first created. */   
  5.   
  6.     @Override  
  7.     public void onCreate(Bundle savedInstanceState) {  
  8.         super.onCreate(savedInstanceState);  
  9.         setContentView(R.layout.activity_list_view_base_adapter);  
  10.   
  11.         lv = (ListView) findViewById(R.id.base_lv);  
  12.         MyAdapter mAdapter = new MyAdapter(this);//得到一个MyAdapter对象  
  13.         lv.setAdapter(mAdapter);//为ListView绑定Adapter /*为ListView添加点击事件*/   
  14.         lv.setOnItemClickListener(new OnItemClickListener() {  
  15.             @Override  
  16.             public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,  
  17.                     long arg3) {  
  18.                 Log.v(”MyListViewBase”“你点击了ListView条目” + arg2);//在LogCat中输出信息                  
  19.             }  
  20.         });  
  21.     }/*添加一个得到数据的方法,方便使用*/   
  22.     private ArrayList<HashMap<String, Object>> getDate(){  
  23.       
  24.     ArrayList<HashMap<String, Object>> listItem = new ArrayList<HashMap<String,Object>>();  
  25.     /*为动态数组添加数据*/       
  26.     for(int i=0;i<30;i++)    
  27.          {    
  28.              HashMap<String, Object> map = new HashMap<String, Object>();    
  29.              map.put(”ItemTitle”“第”+i+“行”);    
  30.              map.put(”ItemText”“这是第”+i+“行”);    
  31.              listItem.add(map);    
  32.          }   
  33.         return listItem;  
  34.       
  35.     }/*      * 新建一个类继承BaseAdapter,实现视图与数据的绑定 
  36.      */   
  37.     private class MyAdapter extends BaseAdapter {  
  38.         private LayoutInflater mInflater;//得到一个LayoutInfalter对象用来导入布局 /*构造函数*/   
  39.   
  40.         public MyAdapter(Context context) {  
  41.             this.mInflater = LayoutInflater.from(context);  
  42.         }  
  43.   
  44.         @Override  
  45.         public int getCount() {  
  46.               
  47.             return getDate().size();//返回数组的长度          
  48.         }  
  49.   
  50.         @Override  
  51.         public Object getItem(int position) {  
  52.             return null;  
  53.         }  
  54.   
  55.         @Override  
  56.         public long getItemId(int position) {  
  57.             return 0;  
  58.         }  
  59.         /*书中详细解释该方法*/           
  60.         @Override  
  61.         public View getView(final int position, View convertView, ViewGroup parent) {  
  62.              ViewHolder holder;  
  63.             //观察convertView随ListView滚动情况               
  64.   
  65.              Log.v(”MyListViewBase”“getView ” + position + “ ” + convertView);  
  66.             if (convertView == null) {  
  67.                      convertView = mInflater.inflate(R.layout.base_adapter_item,null);  
  68.                      holder = new ViewHolder();  
  69.                      /*得到各个控件的对象*/                      
  70.   
  71.                     holder.title = (TextView) convertView.findViewById(R.id.ItemTitles);  
  72.                     holder.text = (TextView) convertView.findViewById(R.id.ItemTexts);  
  73.                     holder.bt = (Button) convertView.findViewById(R.id.ItemButton);  
  74.                     convertView.setTag(holder);//绑定ViewHolder对象                     
  75.             }else{  
  76.                     holder = (ViewHolder)convertView.getTag();//取出ViewHolder对象                    
  77.             }  
  78.             /*设置TextView显示的内容,即我们存放在动态数组中的数据*/               
  79.   
  80.             holder.title.setText(getDate().get(position).get(”ItemTitle”).toString());  
  81.             holder.text.setText(getDate().get(position).get(”ItemText”).toString());  
  82.               
  83.             /*为Button添加点击事件*/                
  84.             holder.bt.setOnClickListener(new OnClickListener() {  
  85.                   
  86.                 @Override  
  87.                 public void onClick(View v) {  
  88.                 Log.v(”MyListViewBase”“你点击了按钮” + position);//打印Button的点击信息                      
  89.                 }  
  90.             });       
  91.             return convertView;  
  92.         }  
  93.     }/*存放控件*/   
  94.     public final class ViewHolder{  
  95.         public TextView title;  
  96.         public TextView text;  
  97.         public Button   bt;  
  98.     }  
  99. }  
public class ListViewBaseAdapter extends Activity {
    private ListView lv;
    /*定义一个动态数组*/     
    ArrayList<HashMap<String, Object>> listItem;/** Called when the activity is first created. */ 

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_list_view_base_adapter);

        lv = (ListView) findViewById(R.id.base_lv);
        MyAdapter mAdapter = new MyAdapter(this);//得到一个MyAdapter对象
        lv.setAdapter(mAdapter);//为ListView绑定Adapter /*为ListView添加点击事件*/ 
        lv.setOnItemClickListener(new OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
                    long arg3) {
                Log.v("MyListViewBase", "你点击了ListView条目" + arg2);//在LogCat中输出信息                
            }
        });
    }/*添加一个得到数据的方法,方便使用*/ 
    private ArrayList<HashMap<String, Object>> getDate(){

    ArrayList<HashMap<String, Object>> listItem = new ArrayList<HashMap<String,Object>>();
    /*为动态数组添加数据*/     
    for(int i=0;i<30;i++)  
         {  
             HashMap<String, Object> map = new HashMap<String, Object>();  
             map.put("ItemTitle", "第"+i+"行");  
             map.put("ItemText", "这是第"+i+"行");  
             listItem.add(map);  
         } 
        return listItem;

    }/*      * 新建一个类继承BaseAdapter,实现视图与数据的绑定
     */ 
    private class MyAdapter extends BaseAdapter {
        private LayoutInflater mInflater;//得到一个LayoutInfalter对象用来导入布局 /*构造函数*/ 

        public MyAdapter(Context context) {
            this.mInflater = LayoutInflater.from(context);
        }

        @Override
        public int getCount() {

            return getDate().size();//返回数组的长度        
        }

        @Override
        public Object getItem(int position) {
            return null;
        }

        @Override
        public long getItemId(int position) {
            return 0;
        }
        /*书中详细解释该方法*/         
        @Override
        public View getView(final int position, View convertView, ViewGroup parent) {
             ViewHolder holder;
            //观察convertView随ListView滚动情况             

             Log.v("MyListViewBase", "getView " + position + " " + convertView);
            if (convertView == null) {
                     convertView = mInflater.inflate(R.layout.base_adapter_item,null);
                     holder = new ViewHolder();
                     /*得到各个控件的对象*/                    

                    holder.title = (TextView) convertView.findViewById(R.id.ItemTitles);
                    holder.text = (TextView) convertView.findViewById(R.id.ItemTexts);
                    holder.bt = (Button) convertView.findViewById(R.id.ItemButton);
                    convertView.setTag(holder);//绑定ViewHolder对象                   
            }else{
                    holder = (ViewHolder)convertView.getTag();//取出ViewHolder对象                  
            }
            /*设置TextView显示的内容,即我们存放在动态数组中的数据*/             

            holder.title.setText(getDate().get(position).get("ItemTitle").toString());
            holder.text.setText(getDate().get(position).get("ItemText").toString());

            /*为Button添加点击事件*/              
            holder.bt.setOnClickListener(new OnClickListener() {

                @Override
                public void onClick(View v) {
                Log.v("MyListViewBase", "你点击了按钮" + position);//打印Button的点击信息                    
                }
            });     
            return convertView;
        }
    }/*存放控件*/ 
    public final class ViewHolder{
        public TextView title;
        public TextView text;
        public Button   bt;
    }
}

还需要注意的是,Button会抢夺ListView的焦点,需要将Button设置为没有焦点。设置非常简单,只需要在xmlButton标签下加入一行:android:focusable=false”代码就可以了

代码中getView()方法不容易理解。其实完全可以不用所谓的convertViewViewHolder,直接导入布局并且设置控件显示的内容就可以了。但是这意味着有多少行数据就需要绘制多少行ListView,这显然是不可取的。这里采用了一种优化的方法。

代码中,在getView()方法中加入了一行log输出convertView的内容。当启动Activity呈现第一屏ListView的时候,convertView为零。当用户向下滚动ListView时,上面的条目变为不可见,下面出现新的条目。这时候convertView不再为空,而是创建了一系列的convertView的值。当又往下滚一屏的时候,发现第11行的容器用来容纳第22行,第12行的容器用来容纳第23行。也就是说convertView相当于一个缓存,开始为0,当有条目变为不可见,它缓存了它的数据,后面再出来的条目只需要更新数据就可以了,这样大大节省了系统资料的开销。

 

还可以继续优化。虽然重复利用了已经绘制的view,但是要得到其中的控件,需要在控件的容器中通过findViewById的方法来获得。如果这个容器非常复杂,这显然会增加系统资源的开销。在上面的例子中,引入了Tag的概念。或许不是最好的办法,但是它确实能使ListView变得更流畅。代码中,当convertView为空时,用setTag()方法为每个View绑定一个存放控件的ViewHolder对象。当convertView不为空,重复利用已经创建的view的时候,使用getTag()方法获取绑定的ViewHolder对象,这样就避免了findViewById对控件的层层查询,而是快速定位到控件。

 

在一个完整的ListView第一次出现时,每个Item都是Null的,getView的时候会跑到需要inflate一个Item的代码段,假设整个view只能最多显示10item,那么当滑动到第11Item的时候,第一个item会放入“recycler”,如果第11Item和放入“Recycler”的itemview一致,那么就会使用“Recycler”里面的Item来显示,从而不用再重复inflate一次,这样大大节省了创建View的工作,在需要显示大量数据时显得尤为重要。


getView 被重复调用的问题,由于listView没有指定高度,系统不能确定具体需要多少view来显示listView


文章转自: http://blog.csdn.net/notice520/article/details/7040962


                </div>

猜你喜欢

转载自blog.csdn.net/csw19970124/article/details/80024553