Android listview与adapter用法

一个ListView一般有两个职责。android

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

2)处理用户的选择点击等操做。缓存

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

一个ListView的建立须要3个元素。函数

1ListView中的每一列的View布局

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

3)链接数据与ListView的适配器。优化

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

Android中提供了不少的Adapter,表4-5列出了经常使用的几个。code

4-5 经常使用适配器

Adapter

含义

ArrayAdapter<T>

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

SimpleAdapter

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

SimpleCursorAdapter

用来绑定游标获得的数据

BaseAdapter

通用的基础适配器

 

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

4.12.1 ListView使用ArrayAdapter

ArrayAdapter能够实现简单的ListView的数据绑定。默认状况下,ArrayAdapter绑定每一个对象的toString值到layout中预先定义的TextView控件上。ArrayAdapter的使用很是简单。

实例:

工程目录:EX_04_12

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

复制代码
<?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中初始化。

复制代码
publicclass MyListView  Activity {
    
privatestaticfinal String[] strs =  String[] {
    "first", "second", "third", "fourth", "fifth"
    }; ListView lv;
 @Override
publicvoid onCreate(Bundle savedInstanceState) {.onCreate(savedInstanceState);
        setContentView(R.layout.main);

lv = (ListView) findViewById(R.id.lv);
lv.setAdapter( ArrayAdapter<String>(,
                android.R.layout.simple_list_item_1, strs));

    }
}
复制代码

 

                                                                              

4-29 ListView使用ArrayAdapter运行效果

代码很是的简单,运行效果如图4-29所示。

 

分析一下使用的步骤。

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

实现代码以下:

lv.setAdapter( ArrayAdapter<String>(,
                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()方法来设置单选或者多选,运行效果如图4-31所示。

实现代码以下:

lv.setAdapter( ArrayAdapter<String>(,
                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()方法来指定,运行效果如图4-32所示。

实现代码以下:

 

复制代码
lv.setAdapter(newArrayAdapter<String>(,

android.R.layout.simple_list_item_single_choice,strs));

lv.setChoiceMode(ListView.CHOICE_MODE_SINGLE);
复制代码

 

    

 

4-30 带选择框的ListView                               ▲4-31 CheckBoxListView                              ▲4-32 RadioButtonListView

 

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

复制代码
lv.setOnItemClickListener( OnItemClickListener() {

            @Override
            publicvoid onItemClick(AdapterView<?> arg0, View arg1,  arg2,                     arg3) {                                        setTitle("你点击了第"+arg2+"行");
            }
        });
复制代码

 

4.12.2 ListView使用SimpleAdapter

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

 

4-34 带图标的ListView

 

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

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

item.xml:

复制代码
<?xmlversion="1.0"encoding="utf-8"?>
<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_height="fill_parent" android:layout_width="fill_parent"> 
<ImageViewandroid:layout_alignParentRight="true" android:layout_width="wrap_content"
 android:layout_height="wrap_content" android:id="@+id/ItemImage"/> 
<TextViewandroid:id="@+id/ItemTitle" android:layout_height="wrap_content" 
android:layout_width="fill_parent" android:textSize="20sp"/>
<TextViewandroid:id="@+id/ItemText" android:layout_height="wrap_content" 
android:layout_width="fill_parent" android:layout_below="@+id/ItemTitle"/> </RelativeLayout>
复制代码

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

复制代码
publicclass MyListViewSimple  Activity {    
     ListView lv;     @Override
publicvoid onCreate(Bundle savedInstanceState) {.onCreate(savedInstanceState);
        setContentView(R.layout.main);

lv = (ListView) findViewById(R.id.lv);
 ArrayList<HashMap<String, Object>> listItem =  ArrayList<HashMap<String,     Object>>();
 ( i=0;i<10;i++)  
        {  
            HashMap<String, Object> map =  HashMap<String, Object>();  
            map.put("ItemImage", R.drawable.icon);            map.put("ItemTitle", "第"+i+"行");  
            map.put("ItemText", "这是第"+i+"行");  
            listItem.add(map);  
        } 

        SimpleAdapter mSimpleAdapter =  SimpleAdapter(,listItem,
R.layout.item, String[] {"ItemImage"
,"ItemTitle", "ItemText"},   
newint[] {R.id.ItemImage,R.id.ItemTitle,R.id.ItemText}  
            );

lv.setAdapter(mSimpleAdapter); lv.setOnItemClickListener(
OnItemClickListener() {

            @Override
            publicvoid onItemClick(AdapterView<?> arg0, View arg1,  arg2,                     arg3) {
                setTitle("你点击了第"+arg2+"行");                
            }
        });
    }
}
复制代码

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

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

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

3)构造SimpleAdapter对象。

4)将LsitView绑定到SimpleAdapter上。

4.12.3 ListView使用BaseAdapterListView的优化

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

 

                                                                             

 

4-35 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的显示作了优化。

 

布局文件和上一例类同,读者能够在光盘的工程目录中查看,这里只给出Activity类。

复制代码
publicclass MyListViewBase  Activity {    
     ListView lv;         ArrayList<HashMap<String, Object>>listItem;
@Override
publicvoid onCreate(Bundle savedInstanceState) {.onCreate(savedInstanceState);
        setContentView(R.layout.main);

lv = (ListView) findViewById(R.id.lv);
        MyAdapter mAdapter =  MyAdapter();lv.setAdapter(mAdapter);
lv.setOnItemClickListener( OnItemClickListener() {

            @Override
            publicvoid onItemClick(AdapterView<?> arg0, View arg1,  arg2,                     arg3) {
        Log.v("MyListViewBase", "你点击了ListView条目" + arg2);                
            }
        });

    }  ArrayList<HashMap<String, Object>> getDate(){
    
    ArrayList<HashMap<String, Object>> listItem =  ArrayList<HashMap<String,     Object>>();         ( i=0;i<30;i++)  
         {  
             HashMap<String, Object> map =  HashMap<String, Object>();  
             map.put("ItemTitle", "第"+i+"行");  
             map.put("ItemText", "这是第"+i+"行");  
             listItem.add(map);  
         } 
         listItem;
    
    } privateclass MyAdapter  BaseAdapter {     LayoutInflater mInflater;
 MyAdapter(Context context) {    .mInflater = LayoutInflater.from(context);
        }

        @Override
        publicint getCount() {            
             getDate().size();        }

        @Override         Object getItem( position) {
            returnnull;
        }

        @Override
        publiclong getItemId( position) {             0;
        }                 @Override         View getView(finalint position, View convertView, ViewGroup parent) {
             ViewHolder holder;
Log.v("MyListViewBase", "getView " + position + " " + convertView);             (convertView == ) {
                     convertView = mInflater.inflate(R.layout.item,    );
                     holder =  ViewHolder();
 holder.title = (TextView) convertView.findViewById(R.id.ItemTitle);
                    holder.text = (TextView) convertView.findViewById(R.id.ItemText);
                    holder.bt = (Button) convertView.findViewById(R.id.ItemButton);
                    convertView.setTag(holder);                   }    {
                    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( OnClickListener() {
                
                @Override
                publicvoid onClick(View v) {
                Log.v("MyListViewBase", "你点击了按钮" + position);                                                    
                }
            });            
             convertView;
        }
    
    } publicfinalclass ViewHolder{     TextView title;     TextView text;     Button   bt;
    }
}
复制代码

 运行效果如图4-36所示。还须要注意的是,Button会抢夺ListView的焦点,须要将Button设置为没有焦点。设置很是简单,只须要在xmlButton标签下加入一行:android:focusable=“false”代码就能够了。在LogCat观察点击后输出的信息,如图4-37所示。

            

4-36 使用BaseAdapterListVie

w

 ▲4-37 点击ListView条目和Button获得的输出

代码中getView()方法不容易理解。其实彻底能够不用所谓的convertViewViewHolder,直接导入布局而且设置控件显示的内容就能够了。可是这意味着有多少行数据就须要绘制多少行ListView,这显然是不可取的。这里采用了一种优化的方法。代码中,在getView()方法中加入了一行log输出convertView的内容。滚动ListView,输出信息如图4-38所示。

从图4-38中能够看出,当启动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对控件的层层查询,而是快速定位到控件。

相关文章
相关标签/搜索