本文讲实现一个自定义列表的android程序,程序将实现一个使用自定义的适配器(adapter)绑定
数据,通过contextview.settag绑定数据有按钮的listview。
系统显示列表(listview)时,首先会实例化一个适配器,本文将实例化一个自定义的适配器。实现
自定义适配器,必须手动映射数据,这时就需要重写getview()方法,系统在绘制列表的每一行的时候
将调用此方法。
listview在开始绘制的时候,系统自动调用getcount()函数,根据函数返回值得到listview的长度,
然后根据这个长度,调用getview()逐一画出每一行。
具体使用方法可以参考下面代码,只需记住android自定义listview三步骤:
第一步:准备主布局文件、组件布局文件等
第二步:获取并整理数据
第三部:绑定数据,这里我们是通过自己编写adapter类来完成的
1.首先新建一个list.xml
java代码
<?xml version="1.0" encoding="utf-8"?>
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<linearlayout android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal" android:background="#f1e4f1">
<imageview
android:id="@+id/image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
<textview
android:id="@+id/title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textcolor="#666872"/>
<button
android:id="@+id/view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="详细"/>
</linearlayout>
<textview
android:id="@+id/info"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textcolor="#666872"/>
</linearlayout>
2、新建一个适配器类myadspter.java
java代码
public class myadspter extends baseadapter {
private list<map<string, object>> data;
private layoutinflater layoutinflater;
private context context;
public myadspter(context context,list<map<string, object>> data){
this.context=context;
this.data=data;
this.layoutinflater=layoutinflater.from(context);
}
/**
* 组件集合,对应list.xml中的控件
* @author administrator
*/
public final class zujian{
public imageview image;
public textview title;
public button view;
public textview info;
}
@override
public int getcount() {
return data.size();
}
/**
* 获得某一位置的数据
*/
@override
public object getitem(int position) {
return data.get(position);
}
/**
* 获得唯一标识
*/
@override
public long getitemid(int position) {
return position;
}
@override
public view getview(int position, view convertview, viewgroup parent) {
zujian zujian=null;
if(convertview==null){
zujian=new zujian();
//获得组件,实例化组件
convertview=layoutinflater.inflate(r.layout.list, null);
zujian.image=(imageview)convertview.findviewbyid(r.id.image);
zujian.title=(textview)convertview.findviewbyid(r.id.title);
zujian.view=(button)convertview.findviewbyid(r.id.view);
zujian.info=(textview)convertview.findviewbyid(r.id.info);
convertview.settag(zujian);
}else{
zujian=(zujian)convertview.gettag();
}
//绑定数据
zujian.image.setbackgroundresource((integer)data.get(position).get("image"));
zujian.title.settext((string)data.get(position).get("title"));
zujian.info.settext((string)data.get(position).get("info"));
return convertview;
}
}
关于上面layoutinflater的使用:在实际开发种layoutinflater这个类还是非常有用的。它的作用类似
于 findviewbyid(),不同点是layoutinflater是用来找layout下xml布局文件,并且会实例化!。
getview()的三个参数:position表示将显示的是第几行,covertview是从布局文件中inflate来的布
局。我们用layoutinflater的方法将定义好的list.xml文件提取成view实例用来显示。然后将xml文件
中的各个组件实例化,这样便可以将数据对应到各个组件上了。但是按钮为了响应点击事件,需要为
它添加点击监听器,这样就能捕获点击事件。
3、activity_main.xml中添加listview控件
java代码
<relativelayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingbottom="@dimen/activity_vertical_margin"
android:paddingleft="@dimen/activity_horizontal_margin"
android:paddingright="@dimen/activity_horizontal_margin"
android:paddingtop="@dimen/activity_vertical_margin"
tools:context=".mainactivity" >
<listview
android:id="@+id/list"
android:layout_width="fill_parent"
android:layout_height="fill_parent"></listview>
</relativelayout>
4、在activity中调用listview
java代码
public class mainactivity extends activity {
private listview listview=null;
@override
protected void oncreate(bundle savedinstancestate) {
super.oncreate(savedinstancestate);
setcontentview(r.layout.activity_main);
listview=(listview)findviewbyid(r.id.list);
list<map<string, object>> list=getdata();
listview.setadapter(new myadspter(this, list));
}
@override
public boolean oncreateoptionsmenu(menu menu) {
getmenuinflater().inflate(r.menu.main, menu);
return true;
}
public list<map<string, object>> getdata(){
list<map<string, object>> list=new arraylist<map<string,object>>();
for (int i = 0; i < 10; i++) {
map<string, object> map=new hashmap<string, object>();
map.put("image", r.drawable.ic_launcher);
map.put("title", "这是一个标题"+i);
map.put("info", "这是一个详细信息"+i);
list.add(map);
}
return list;
}
}