Android 自定义ListView示例详解

2019-12-12 05:24:31

字体：大中小

来源：转载

供稿：网友

本文讲实现一个自定义列表的Android程序，程序将实现一个使用自定义的适配器（Adapter）绑定数据，通过contextView.setTag绑定数据有按钮的ListView。

系统显示列表（ListView）时，首先会实例化一个适配器，本文将实例化一个自定义的适配器。实现自定义适配器，必须手动映射数据，这时就需要重写getView()方法，系统在绘制列表的每一行的时候将调用此方法。

ListView在开始绘制的时候，系统自动调用getCount()函数，根据函数返回值得到ListView的长度，然后根据这个长度，调用getView()逐一画出每一行。

具体使用方法可以参考下面代码，只需记住Android自定义ListView三步骤：

第一步：准备主布局文件、组件布局文件等
第二步：获取并整理数据
第三步：绑定数据，这里我们是通过自己编写Adapter类来完成的

1.首先新建一个list.XML

<?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

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控件

<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

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;   } }