Android ListView 与 adapter的使用

原文出自http://www.cnblogs.com/zhengbeibei/archive/2013/05/14/3078805.html,只是在其基础上多加学习和整理了一下。感谢作者的提供!

     一个ListView通常有两个职责。

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

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

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

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

    (1ListView中的每一列的View

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

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

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

Android中提供了很多的Adapter,表4-5列出了常用的几个。

                                       表4-5 常用适配器

Adapter 含义
ArrayAdapter<T> 来绑定一个数组支持泛型操作
SimpleAdapter 用来绑定xml中定义的控件对应的数据
SimpleCursorAdapter 用来绑定游标得到的数据
BaseAdapter 通用基础适配器

 

其实适配器还有很多,要注意的是,各种Adapter只不过是转换的方式和能力不一样而已。下面就通过使用不同的Adapter来为ListView绑定数据(SimpleCursorAdapter暂且不讲,后面讲SQLite时会介绍)。

一、ListView使用ArrayAdapter:

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

     下面通过一个具体例子来掌握。

  在布局文件main.xml中添加一个ListView

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >
<!-- 定义一个ListView -->
   <ListView 
       android:id="@+id/ListView1"
       android:layout_width="fill_parent"
       android:layout_height="fill_parent"/>
       
</LinearLayout>

  然后再Activity中初始化

public class Activity01 extends Activity {
    private ListView mListView;
    /*    定义一个数组用来要显示的内容*/
    private static final String[] s = {"frist", "second", "third", "fourth", "fifth","one", "two", "three", "four", "five","six","seven"};
    /** Called when the activity is first created. */
    
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
      
        mListView = (ListView)findViewById(R.id.ListView1);
        //单行只显示内容
        mListView.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, s));
       
        //单行显示内容 和 选项框按钮
      /*  mListView.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_checked, s));
        mListView.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE); *///设定多选还是单选
        
        //单行显示内容 和 CheckBox
      /*  mListView.setAdapter(new ArrayAdapter<String>(this, android.R.layout.select_dialog_multichoice, s));
        mListView.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);    */
        
        //单行显示内容 和 RadioButton
      /*  mListView.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_single_choice, s));
        mListView.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);*/
        
        //设置监听,单击每一行显示的事件
        mListView.setOnItemClickListener(new ListView.OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
                    long arg3) {
                //提示框显示的内容
                Toast.makeText(Activity01.this, "您单击了第" + arg2 + "行", Toast.LENGTH_SHORT).show();
            }
        });
    }
}

运行效果(图1):

分析一下使用的步骤。

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()方法设定选择为多选还是单选,否则将不能实现选择效果,运行效果如图2所示。

代码如下:

 //单行显示内容 和 选项框按钮
        mListView.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_checked, s));
        mListView.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE); //设定多选还是单选

图2:

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

代码如下:

 //单行显示内容 和 CheckBox
        mListView.setAdapter(new ArrayAdapter<String>(this, android.R.layout.select_dialog_multichoice, s));
        mListView.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);  

图3:

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

实现代码如下:

 //单行显示内容 和 RadioButton
        mListView.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_single_choice, s));
        mListView.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);

图4:

 

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

 //设置监听,单击每一行显示的事件
        mListView.setOnItemClickListener(new ListView.OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
                    long arg3) {
                //提示框显示的内容
                Toast.makeText(Activity01.this, "您单击了第" + arg2 + "行", Toast.LENGTH_SHORT).show();
            }
        });

 

 

二、ListView 与SimpleAdapter使用

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

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

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

<!-- 定义一个ListView -->
   <ListView 
       android:id="@+id/ListView1"
       android:layout_width="fill_parent"
       android:layout_height="fill_parent"/>

</LinearLayout>

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

<?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 Activity代码中为ListView绑定数据。

public class Activity01 extends Activity {
    private ListView mListView;
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
        mListView =(ListView)findViewById(R.id.ListView1);
        
        //定义一个动态数组
        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", android.R.drawable.sym_call_missed);
            map.put("ItemText", "第" + i + "行");
            map.put("ItemTitle", i);
            listItem.add(map);
        }
        
        SimpleAdapter mSimpleAdapter = new SimpleAdapter(this, listItem, 
                R.layout.item, new String[]{"ItemImage", "ItemText", "ItemTitle"}, 
                new int[] {R.id.ItemImage,R.id.ItemText,R.id.ItemTitle});  //查看API文档SimpleAdapter的构造函数
        
        mListView.setAdapter(mSimpleAdapter);  //绑定适配器
        //设置监听,单击每一行显示的事件
        mListView.setOnItemClickListener(new ListView.OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
                    long arg3) {
                //提示框显示的内容
                Toast.makeText(Activity01.this, "您单击了第" + arg2 + "行", Toast.LENGTH_SHORT).show();
            }
        });
    }
}

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

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

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

3)构造SimpleAdapter对象。

4)将LsitView绑定到SimpleAdapter上。

 

三、ListView与BaseAdapter

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

BaseAdapter的方法  :

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

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

main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >
<!-- 定义一个ListView -->
    <ListView
        android:id="@+id/listView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >
    </ListView>

</LinearLayout>

mylayout.xml

<?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/ItemImage"
             android:text="Button"
             android:focusable="false"/> 
        <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>

布局如上,代码如下:

public class Activity01 extends Activity {
    private ListView mListView;
    ArrayList<HashMap<String, Object>> listItem;
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        mListView = (ListView)findViewById(R.id.listView1);
        MyAdapter mAdapter = new MyAdapter(this);   //得到一个MyAdapter对象
        mListView.setAdapter(mAdapter);   //为ListView绑定Adapter 
        
        /*为ListView添加点击事件*/ 
        mListView.setOnItemClickListener(new ListView.OnItemClickListener() {
                    @Override
                    public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
                            long arg3) {
                            Toast.makeText(Activity01.this, "点击了ListViewd第" + arg2 + "行", Toast.LENGTH_SHORT).show();             
                    }
                });

            }
    
            /*添加一个得到数据的方法,方便使用*/
            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;
        
    }
    

自定义一个Adapter继承BaseAdapter,代码如下:

 //自定义Adapter
    class MyAdapter extends BaseAdapter {
        private LayoutInflater mLayoutInflater;  //LayoutInflater来带入布局
        
        public MyAdapter(Context context){ //构造方法
            this.mLayoutInflater = LayoutInflater.from(context);
        }
        @Override
        public int getCount() {       //返回数组长度
            // TODO Auto-generated method stub
            return getDate().size();
        }
        @Override
        public Object getItem(int position) {
            // TODO Auto-generated method stub
            return null;
        }
    
        @Override
        public long getItemId(int position) {
            // TODO Auto-generated method stub
            return 0;
        }
    
        @Override
        public View getView(final int position, View convertView, ViewGroup parent) {
            // TODO Auto-generated method stub
            ViewHolder holder;  
            //ViewHolder缓存了view中显示数据的子控件,
            //这样不用每次刷新ListView或GrdiView都调用findViewById(...);方法,大大提高了控件的响应速度。
            
            if(convertView == null){
                convertView = mLayoutInflater.inflate(R.layout.mylayout, null);
                holder = new ViewHolder();
                holder.title = (TextView)convertView.findViewById(R.id.ItemTitle);
                holder.text = (TextView)convertView.findViewById(R.id.ItemText);
                holder.bt = (Button)convertView.findViewById(R.id.ItemImage);
                convertView.setTag(holder);//绑定ViewHolder对象
            }
            else{
                holder = (ViewHolder)convertView.getTag();
            }
            holder.title.setText(getDate().get(position).get("ItemTitle").toString());
            holder.text.setText(getDate().get(position).get("ItemText").toString());
            holder.bt.setOnClickListener(new Button.OnClickListener(){
                //单击Button响应的事件
                @Override
                public void onClick(View v) {
                    Toast.makeText(Activity01.this, "点击了Button", Toast.LENGTH_SHORT).show();
                }
                
            });
            return convertView;
        }
        
        public final class ViewHolder{  //定义存放控件的ViewHolder
            public TextView title;
            public TextView text;
            public Button   bt;
        }
        }

运行结果:

          有提示框显示的内容可以看出,当单击Button和ListView中会触发不同的事件

分析getView():

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

  当启动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对控件的层层查询,而是快速定位到控件。

 

 

 

 

 

 

 

 

Android ListView 与 adapter的使用,,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。