Android 自定义ListView

时间:2022-09-14 20:46:03
本文讲实现一个自定义列表的Android程序,程序将实现一个使用自定义的适配器(Adapter)绑定 
数据,通过contextView.setTag绑定数据有按钮的ListView。 
系统显示列表(ListView)时,首先会实例化一个适配器,本文将实例化一个自定义的适配器。实现 
自定义适配器,必须手动映射数据,这时就需要重写getView()方法,系统在绘制列表的每一行的时候 
将调用此方法。 
ListView在开始绘制的时候,系统自动调用getCount()函数,根据函数返回值得到ListView的长度, 
然后根据这个长度,调用getView()逐一画出每一行。 
具体使用方法可以参考下面代码,只需记住Android自定义ListView三步骤: 
第一步:准备主布局文件、组件布局文件等 
第二步:获取并整理数据 
第三部:绑定数据,这里我们是通过自己编写Adapter类来完成的 
1.首先新建一个list.XML
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent"
  5. android:orientation="vertical" >
  6. <LinearLayout android:layout_width="match_parent"
  7. android:layout_height="match_parent"
  8. android:orientation="horizontal" android:background="#f1e4f1">
  9. <ImageView
  10. android:id="@+id/image"
  11. android:layout_width="wrap_content"
  12. android:layout_height="wrap_content"/>
  13. <TextView
  14. android:id="@+id/title"
  15. android:layout_width="wrap_content"
  16. android:layout_height="wrap_content"
  17. android:textColor="#666872"/>
  18. <Button
  19. android:id="@+id/view"
  20. android:layout_width="wrap_content"
  21. android:layout_height="wrap_content"
  22. android:text="详细"/>
  23. </LinearLayout>
  24. <TextView
  25. android:id="@+id/info"
  26. android:layout_width="wrap_content"
  27. android:layout_height="wrap_content"
  28. android:textColor="#666872"/>
  29. </LinearLayout>

2、新建一个适配器类MyAdspter.java

  1. public class MyAdspter extends BaseAdapter {
  2. private List<Map<String, Object>> data;
  3. private LayoutInflater layoutInflater;
  4. private Context context;
  5. public MyAdspter(Context context,List<Map<String, Object>> data){
  6. this.context=context;
  7. this.data=data;
  8. this.layoutInflater=LayoutInflater.from(context);
  9. }
  10. /**
  11. * 组件集合,对应list.xml中的控件
  12. * @author Administrator
  13. */
  14. public final class Zujian{
  15. public ImageView image;
  16. public TextView title;
  17. public Button view;
  18. public TextView info;
  19. }
  20. @Override
  21. public int getCount() {
  22. return data.size();
  23. }
  24. /**
  25. * 获得某一位置的数据
  26. */
  27. @Override
  28. public Object getItem(int position) {
  29. return data.get(position);
  30. }
  31. /**
  32. * 获得唯一标识
  33. */
  34. @Override
  35. public long getItemId(int position) {
  36. return position;
  37. }
  38. @Override
  39. public View getView(int position, View convertView, ViewGroup parent) {
  40. Zujian zujian=null;
  41. if(convertView==null){
  42. zujian=new Zujian();
  43. //获得组件,实例化组件
  44. convertView=layoutInflater.inflate(R.layout.list, null);
  45. zujian.image=(ImageView)convertView.findViewById(R.id.image);
  46. zujian.title=(TextView)convertView.findViewById(R.id.title);
  47. zujian.view=(Button)convertView.findViewById(R.id.view);
  48. zujian.info=(TextView)convertView.findViewById(R.id.info);
  49. convertView.setTag(zujian);
  50. }else{
  51. zujian=(Zujian)convertView.getTag();
  52. }
  53. //绑定数据
  54. zujian.image.setBackgroundResource((Integer)data.get(position).get("image"));
  55. zujian.title.setText((String)data.get(position).get("title"));
  56. zujian.info.setText((String)data.get(position).get("info"));
  57. return convertView;
  58. }
  59. }

关于上面LayoutInflater的使用:在实际开发种LayoutInflater这个类还是非常有用的。它的作用类似 
于 findViewById(),不同点是LayoutInflater是用来找layout下xml布局文件,并且会实例化!。 
getView()的三个参数:position表示将显示的是第几行,covertView是从布局文件中inflate来的布 
局。我们用LayoutInflater的方法将定义好的list.xml文件提取成View实例用来显示。然后将xml文件 
中的各个组件实例化,这样便可以将数据对应到各个组件上了。但是按钮为了响应点击事件,需要为 
它添加点击监听器,这样就能捕获点击事件。 
3、activity_main.xml中添加ListView控件

  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2. xmlns:tools="http://schemas.android.com/tools"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent"
  5. android:paddingBottom="@dimen/activity_vertical_margin"
  6. android:paddingLeft="@dimen/activity_horizontal_margin"
  7. android:paddingRight="@dimen/activity_horizontal_margin"
  8. android:paddingTop="@dimen/activity_vertical_margin"
  9. tools:context=".MainActivity" >
  10. <ListView
  11. android:id="@+id/list"
  12. android:layout_width="fill_parent"
  13. android:layout_height="fill_parent"></ListView>
  14. </RelativeLayout>

4、在activity中调用ListView

  1. public class MainActivity extends Activity {
  2. private ListView listView=null;
  3. @Override
  4. protected void onCreate(Bundle savedInstanceState) {
  5. super.onCreate(savedInstanceState);
  6. setContentView(R.layout.activity_main);
  7. listView=(ListView)findViewById(R.id.list);
  8. List<Map<String, Object>> list=getData();
  9. listView.setAdapter(new MyAdspter(this, list));
  10. }
  11. @Override
  12. public boolean onCreateOptionsMenu(Menu menu) {
  13. getMenuInflater().inflate(R.menu.main, menu);
  14. return true;
  15. }
  16. public List<Map<String, Object>> getData(){
  17. List<Map<String, Object>> list=new ArrayList<Map<String,Object>>();
  18. for (int i = 0; i < 10; i++) {
  19. Map<String, Object> map=new HashMap<String, Object>();
  20. map.put("image", R.drawable.ic_launcher);
  21. map.put("title", "这是一个标题"+i);
  22. map.put("info", "这是一个详细信息"+i);
  23. list.add(map);
  24. }
  25. return list;
  26. }
  27. }

Android 自定义ListView