ListView in Android Develop

By | 2013 年 4 月 4 日

ListView是比较常用的控件,相当于iOS中的TableView,用来展示数据列表。

使用方法的话也很简单:第一定义每一个Cell的布局,第二实例化一个SimpleAdapter,第三将这个Adapter绑定到ListView。



一、定义Cell布局:
这个相当于在iOS中新建一个Cell的nib或者如果愿意的话,写代码也行。
比如定义一个Layout XML文件如下(文件名是”list_items.xml”,这个很重要,后面会用到这个名字)

<?xml version="1.0" encoding="utf-8"?>  
<RelativeLayout   
    android:id="@+id/RelativeLayout01"   
    android:layout_width="fill_parent"   
    xmlns:android="http://schemas.android.com/apk/res/android"   
    android:layout_height="wrap_content"   
    android:paddingBottom="4dip"   
    android:paddingLeft="12dip"  
    android:paddingRight="12dip">  
<ImageView   
    android:paddingTop="12dip"  
    android:layout_alignParentRight="true"  
    android:layout_width="wrap_content"   
    android:layout_height="wrap_content"   
    android:id="@+id/ItemImage"  
    />   
<TextView   
    android:text="TextView01"   
    android:layout_height="wrap_content"   
    android:textSize="20dip"   
    android:layout_width="fill_parent"   
    android:id="@+id/ItemTitle"  
    />  
<TextView   
    android:text="TextView02"   
    android:layout_height="wrap_content"   
    android:layout_width="fill_parent"   
    android:layout_below="@+id/ItemTitle"   
    android:id="@+id/ItemText"  
    />  
</RelativeLayout> 

有两个TextView和一个ImageView。



二、实例化一个SimpleAdapter
可以实现自己的数据源,只要实现了ListAdapter接口就行。Android给出了一个方便的Adapter:SimpleAdapter,只要给它数据源和数据源每一项到布局中控件id的映射,它就会给ListView提供每一项的数据和对应的映射,很方便。

//生成动态数组,加入数据  
        ArrayList<HashMap<String, Object>> listItem = new ArrayList<HashMap<String, Object>>();  
        for(int i=0;i<10;i++)  
        {  
            //每一项是一个数据源,相当于是Key-Value。这个例子里面有三项数据,第一是图片,后两个是文本
            HashMap<String, Object> map = new HashMap<String, Object>();  
            map.put("ItemImage", R.drawable.checked);//图像资源的ID  
            map.put("ItemTitle", "Level "+i);  
            map.put("ItemText", "Finished in 1 Min 54 Secs, 70 Moves! ");  
            listItem.add(map);  
        }  
        //生成适配器的Item和动态数组对应的元素  
        SimpleAdapter listItemAdapter = new SimpleAdapter(this,listItem,//数据源   
            R.layout.list_items,//ListItem的XML实现  
            //动态数组与ImageItem对应的子项,这是和上面每一项数据中对应的Key
            new String[] {"ItemImage","ItemTitle", "ItemText"},   
            //ImageItem的XML文件里面的一个ImageView,两个TextView ID
            //这里是针对上面每一项的Key在我们定义的Cell布局中的控件id
            new int[] {R.id.ItemImage,R.id.ItemTitle,R.id.ItemText}  
        ); 

初始化SimpleAdapter的最后两个参数为每一项数据中的内容指定了在Cell中的显示控件。这里比较有意思的是,针对不同的控件,会自动去完成内容的设置,比如textview是setText(aValue),imageview是setImage(aImage)。



三、绑定adapter到listview
接在上面的代码后面,两句话就可以了:

        ListView list = (ListView) findViewById(R.id.ListView01);  
        list.setAdapter(listItemAdapter);

这样,就能显示出需要的数据了。



四、动态删减数据条目
保留住开始数据源的那个listItem,直接对它进行修改,之后调用adapter的notifyDataChanged

listItem.add(message.getHashMap());
ListView lv = (ListView)findViewById(R.id.listViewForCustomMessages);
((SimpleAdapter)lv.getAdapter()).notifyDataSetChanged();



参考
http://www.iteye.com/topic/540423,上面的例子来自这里,写的很简洁,文章中还有事件处理的代码。

发表评论

电子邮件地址不会被公开。 必填项已用*标注