Android应用开发教程之六:ListView详解

  ListView是Android软件开发中非常重要组件之一,基本上是个软件基本都会使用ListView ,今天我通过一个demo来教大家怎么样使用ListView组件 绘制出漂亮的列表,说道ListView就不得不说Adapter适配器,因为只有通过Adapter才可以把列表中的数据映射到ListView中。

  在android的开发中最Adapter 一共可以分为

  ArrayAdapter<T>,

  BaseAdapter,

  CursorAdapter,

  HeaderViewListAdapter,

  ResourceCursorAdapter,

  SimpleAdapter,

  SimpleCursorAdapter,

  WrapperListAdapter

  软件开发中最常用的有ArrayAdapter<T>, BaseAdapter, SimpleAdapter,今天我用一段代码向大家诠释如何使用ListView控件。

Android应用开发教程之六:ListView详解

  1. 简单的ListView

  在List列表中如果不存在过于复杂的东西 我们可以直接去new ArrayAdapter() 来绘制列表,无须继承ArrayAdapter,重写它的方法。但是如果列表中过于复杂的话就需要使用自定义布局来实现List列表。

Android应用开发教程之六:ListView详解

Java代码
  1. public class SimpleList extends ListActivity {  
  2.     private String[] mListStr = {"姓名:雨松MOMO","性别:男","年龄:25","居住地:北京","邮箱:xuanyusong@gmail.com"};  
  3.     ListView mListView = null;  
  4.     @Override  
  5.     protected void onCreate(Bundle savedInstanceState) {  
  6.     mListView = getListView();  
  7.     setListAdapter(new ArrayAdapter<String>(this,  
  8.                 android.R.layout.simple_list_item_1, mListStr));  
  9.     mListView.setOnItemClickListener(new OnItemClickListener() {  
  10.         @Override  
  11.         public void onItemClick(AdapterView<?> adapterView, View view, int position,  
  12.             long id) {  
  13.         Toast.makeText(SimpleList.this,"您选择了" + mListStr[position], Toast.LENGTH_LONG).show();  
  14.         }  
  15.     });  
  16.    
  17.     super.onCreate(savedInstanceState);  
  18.     }  
  19. }  

  2. 带标题的ListView列表

  使用 simpleAdapter 需要注意的是须要用Map<String,Object> item 来保存列表中每一项的显示的title与text , new SimpleAdapter的时候将map中的数据写入 ,程序就会帮我们绘制列表了。

Android应用开发教程之六:ListView详解

Java代码
  1. public class TitleList extends ListActivity {  
  2.     private String[] mListTitle = { "姓名""性别""年龄""居住地","邮箱"};  
  3.     private String[] mListStr = { "雨松MOMO""男""25""北京",  
  4.         "xuanyusong@gmail.com" };  
  5.     ListView mListView = null;  
  6.     ArrayList<Map<String,Object>> mData= new ArrayList<Map<String,Object>>();;  
  7.    
  8.     @Override  
  9.     protected void onCreate(Bundle savedInstanceState) {  
  10.     mListView = getListView();  
  11.    
  12.     int lengh = mListTitle.length;  
  13.     for(int i =0; i < lengh; i++) {  
  14.         Map<String,Object> item = new HashMap<String,Object>();  
  15.         item.put("title", mListTitle[i]);  
  16.         item.put("text", mListStr[i]);  
  17.         mData.add(item);  
  18.     }  
  19.     SimpleAdapter adapter = new SimpleAdapter(this,mData,android.R.layout.simple_list_item_2,  
  20.         new String[]{"title","text"},new int[]{android.R.id.text1,android.R.id.text2});  
  21.         setListAdapter(adapter);  
  22.     mListView.setOnItemClickListener(new OnItemClickListener() {  
  23.         @Override  
  24.         public void onItemClick(AdapterView<?> adapterView, View view, int position,  
  25.             long id) {  
  26.         Toast.makeText(TitleList.this,"您选择了标题:" + mListTitle[position] + "内容:"+mListStr[position], Toast.LENGTH_LONG).show();  
  27.         }  
  28.     });  
  29.     super.onCreate(savedInstanceState);  
  30.     }  
  31. }  

  3. 带图片的ListView列表

  使用 simpleAdapter 来操作 但是构造simpleAdapter的时候须要使用我们自己写的布局来完成 ,因为系统的布局已经不能满足需求了,同样Map<String,Object> item 来保存列表中每一项须要的显示内容 如 图片 标题 内容等。

Android应用开发教程之六:ListView详解

XML/HTML代码
  1. <?xml version="1.0" encoding="utf-8"?>  
  2.    
  3. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  4.     android:layout_width="fill_parent" android:layout_height="?android:attr/listPreferredItemHeight">  
  5.     <ImageView android:id="@+id/image"  
  6.         android:layout_width="wrap_content" android:layout_height="fill_parent"  
  7.         android:layout_alignParentTop="true" android:layout_alignParentBottom="true"  
  8.         android:adjustViewBounds="true"  
  9.         android:padding="2dip" />  
  10.     <TextView android:id="@+id/title"  
  11.         android:layout_width="wrap_content" android:layout_height="wrap_content"  
  12.         android:layout_toRightOf="@+id/image"  
  13.         android:layout_alignParentRight="true" android:layout_alignParentTop="true"  
  14.         android:layout_above="@+id/text"  
  15.         android:layout_alignWithParentIfMissing="true" android:gravity="center_vertical"  
  16.         android:textSize="15dip" />  
  17.     <TextView android:id="@+id/text"  
  18.         android:layout_width="fill_parent" android:layout_height="wrap_content"  
  19.         android:layout_toRightOf="@+id/image"  
  20.         android:layout_alignParentBottom="true"  
  21.         android:layout_alignParentRight="true" android:singleLine="true"  
  22.         android:ellipsize="marquee"  
  23.         android:textSize="20dip" />  
  24. </RelativeLayout>  
Java代码
  1. public class IconList extends ListActivity {  
  2.     private String[] mListTitle = { "姓名""性别""年龄""居住地","邮箱"};  
  3.     private String[] mListStr = { "雨松MOMO""男""25""北京",  
  4.         "xuanyusong@gmail.com" };  
  5.     ListView mListView = null;  
  6.     ArrayList<Map<String,Object>> mData= new ArrayList<Map<String,Object>>();;  
  7.    
  8.     @Override  
  9.     protected void onCreate(Bundle savedInstanceState) {  
  10.     mListView = getListView();  
  11.    
  12.     int lengh = mListTitle.length;  
  13.     for(int i =0; i < lengh; i++) {  
  14.         Map<String,Object> item = new HashMap<String,Object>();  
  15.         item.put("image", R.drawable.jay);  
  16.         item.put("title", mListTitle[i]);  
  17.         item.put("text", mListStr[i]);  
  18.         mData.add(item);  
  19.     }  
  20.     SimpleAdapter adapter = new SimpleAdapter(this,mData,R.layout.iconlist,  
  21.         new String[]{"image","title","text"},new int[]{R.id.image,R.id.title,R.id.text});  
  22.         setListAdapter(adapter);  
  23.     mListView.setOnItemClickListener(new OnItemClickListener() {  
  24.         @Override  
  25.         public void onItemClick(AdapterView<?> adapterView, View view, int position,  
  26.             long id) {  
  27.         Toast.makeText(IconList.this,"您选择了标题:" + mListTitle[position] + "内容:"+mListStr[position], Toast.LENGTH_LONG).show();  
  28.         }  
  29.     });  
  30.     super.onCreate(savedInstanceState);  
  31.     }  
  32. }  

  4. 自定义布局BaseAdapter修改列表颜色

  因为通过直接 构造系统的布局来绘制列表方法肯定是有限的,所以我们需要重写绘制方法 ,写一个类去继承BaseAdapter 并实现这个类中的方法,listView在一开始绘制的时候首先会调用getCout()方法得到绘制次数 ,然后会实例化自己定义的BaseAdapter通过getView()方法一层一层绘制ListView,所以我们可以在这里面根据position(当前绘制的ID)来任意的修改绘制的内容,做出好看漂亮的ListView,下面这个例子我通过重写getView修改每个列表的颜色 并且实现用户选中后成高亮状态。

Android应用开发教程之六:ListView详解

XML/HTML代码
  1. <?xml version="1.0" encoding="utf-8"?>  
  2.    
  3. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  4.     android:layout_width="fill_parent" android:layout_height="wrap_content">  
  5.     <ImageView android:id="@+id/color_image"  
  6.         android:layout_width="wrap_content" android:layout_height="fill_parent"  
  7.         android:layout_alignParentTop="true" android:layout_alignParentBottom="true"  
  8.         android:adjustViewBounds="true"  
  9.         android:padding="2dip" />  
  10.     <TextView android:id="@+id/color_title"  
  11.         android:layout_width="fill_parent" android:layout_height="wrap_content"  
  12.         android:layout_toRightOf="@+id/color_image"  
  13.         android:layout_alignParentBottom="true"  
  14.         android:layout_alignParentRight="true" android:singleLine="true"  
  15.         android:ellipsize="marquee"  
  16.         android:textSize="15dip"  />  
  17.     <TextView android:id="@+id/color_text"  
  18.         android:layout_width="fill_parent" android:layout_height="wrap_content"  
  19.         android:layout_toRightOf="@+id/color_image"  
  20.         android:layout_below="@+id/color_title"  
  21.         android:layout_alignParentBottom="true"  
  22.         android:layout_alignParentRight="true"  
  23.         android:singleLine="true"  
  24.         android:ellipsize="marquee"  
  25.         android:textSize="20dip" />  
  26. </RelativeLayout>  
Java代码
  1. public class ColorList extends ListActivity {  
  2.     private String[] mListTitle = { "姓名""性别""年龄""居住地","邮箱"};  
  3.     private String[] mListStr = { "雨松MOMO""男""25""北京",  
  4.         "xuanyusong@gmail.com" };  
  5.     ListView mListView = null;  
  6.     MyListAdapter myAdapter = null;  
  7.     @Override  
  8.     protected void onCreate(Bundle savedInstanceState) {  
  9.     mListView = getListView();  
  10.     myAdapter = new MyListAdapter(this);  
  11.     setListAdapter(myAdapter);  
  12.     mListView.setOnItemClickListener(new OnItemClickListener() {  
  13.         @Override  
  14.         public void onItemClick(AdapterView<?> adapterView, View view, int position,  
  15.             long id) {  
  16.         View v=adapterView.getChildAt(position);  
  17.         v.setBackgroundColor(Color.RED);  
  18.         Toast.makeText(ColorList.this,"您选择了" + mListStr[position], Toast.LENGTH_LONG).show();  
  19.         }  
  20.     });  
  21.    
  22.     super.onCreate(savedInstanceState);  
  23.     }  
  24.    
  25.     class MyListAdapter extends BaseAdapter {  
  26.     private int[] colors = new int[] { 0xff6265690xff4f5257 };  
  27.     public MyListAdapter(Context context) {  
  28.         mContext = context;  
  29.     }  
  30.    
  31.     public int getCount() {  
  32.         return mListStr.length;  
  33.     }  
  34.    
  35.     @Override  
  36.     public boolean areAllItemsEnabled() {  
  37.         return false;  
  38.     }  
  39.    
  40.     public Object getItem(int position) {  
  41.         return position;  
  42.     }  
  43.    
  44.     public long getItemId(int position) {  
  45.         return position;  
  46.     }  
  47.    
  48.     public View getView(int position, View convertView, ViewGroup parent) {  
  49.         ImageView iamge = null;  
  50.         TextView title = null;  
  51.         TextView text = null;  
  52.         if (convertView == null) {  
  53.         convertView = LayoutInflater.from(mContext).inflate(R.layout.colorlist, null);  
  54.         iamge = (ImageView) convertView.findViewById(R.id.color_image);  
  55.         title =(TextView) convertView.findViewById(R.id.color_title);  
  56.         text= (TextView) convertView.findViewById(R.id.color_text);  
  57.         }  
  58.         int colorPos = position % colors.length;  
  59.         convertView.setBackgroundColor(colors[colorPos]);  
  60.         title.setText(mListTitle[position]);  
  61.         text.setText(mListStr[position]);  
  62.          iamge.setImageResource(R.drawable.jay);  
  63.         return convertView;  
  64.     }  
  65.    
  66.     private Context mContext;  
  67.     }  
  68. }  

  5. 自定义布局ArrayAdapter

  ArrayAdapter是BaseAdapter的子类,ArrayAdapter不仅具有BaseAdapter的所有方法还自定义了一些新的方法来处理列表项,所以单纯的从功能能上来讲ArrayAdapter远远强与BaseAdapter,如果是绘制一些数量比较少的列表建议使用BaseAdapter 如果绘制一些比较复杂的列表项 并且列表项很多的 建议使用ArrayAdapter。

Android应用开发教程之六:ListView详解

XML/HTML代码
  1. <?xml version="1.0" encoding="utf-8"?>  
  2.    
  3. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  4.     android:layout_width="fill_parent" android:layout_height="wrap_content">  
  5.     <Button  
  6.         android:id="@+id/array_button"  
  7.         android:layout_width="wrap_content"  
  8.         android:layout_height="wrap_content"  
  9.         android:text="一个按钮"  
  10.     />  
  11.     <ImageView android:id="@+id/array_image"  
  12.         android:layout_toRightOf="@+id/array_button"  
  13.         android:layout_width="wrap_content" android:layout_height="fill_parent"  
  14.         android:layout_alignParentTop="true" android:layout_alignParentBottom="true"  
  15.         android:adjustViewBounds="true"  
  16.         android:padding="2dip" />  
  17.     <TextView android:id="@+id/array_title"  
  18.         android:layout_width="fill_parent" android:layout_height="wrap_content"  
  19.         android:layout_toRightOf="@+id/array_image"  
  20.         android:layout_alignParentBottom="true"  
  21.         android:layout_alignParentRight="true" android:singleLine="true"  
  22.         android:ellipsize="marquee"  
  23.         android:textSize="15dip"  />  
  24.     <TextView android:id="@+id/array_text"  
  25.         android:layout_width="fill_parent" android:layout_height="wrap_content"  
  26.         android:layout_toRightOf="@+id/array_image"  
  27.         android:layout_below="@+id/array_title"  
  28.         android:layout_alignParentBottom="true"  
  29.         android:layout_alignParentRight="true"  
  30.         android:singleLine="true"  
  31.         android:ellipsize="marquee"  
  32.         android:textSize="20dip" />  
  33.    
  34. </RelativeLayout>  
Java代码
  1. public class ArrayList extends ListActivity {  
  2.     private String[] mListTitle = { "姓名""性别""年龄""居住地","邮箱"};  
  3.     private String[] mListStr = { "雨松MOMO""男""25""北京",  
  4.         "xuanyusong@gmail.com" };  
  5.     ListView mListView = null;  
  6.     MyListAdapter myAdapter = null;  
  7.     ArrayList arrayList = null;  
  8.     @Override  
  9.     protected void onCreate(Bundle savedInstanceState) {  
  10.     arrayList = this;  
  11.     mListView = getListView();  
  12.     myAdapter = new MyListAdapter(this,R.layout.arraylist);  
  13.     setListAdapter(myAdapter);  
  14.     super.onCreate(savedInstanceState);  
  15.     }  
  16.    
  17.     public class MyListAdapter extends ArrayAdapter<Object> {  
  18.     int mTextViewResourceID = 0;  
  19.     private Context mContext;  
  20.     public MyListAdapter(Context context, int textViewResourceId) {  
  21.         super(context, textViewResourceId);  
  22.         mTextViewResourceID = textViewResourceId;  
  23.         mContext = context;  
  24.     }  
  25.    
  26.     private int[] colors = new int[] { 0xff6265690xff4f5257 };  
  27.    
  28.     public int getCount() {  
  29.         return mListStr.length;  
  30.     }  
  31.    
  32.     @Override  
  33.     public boolean areAllItemsEnabled() {  
  34.         return false;  
  35.     }  
  36.    
  37.     public Object getItem(int position) {  
  38.         return position;  
  39.     }  
  40.    
  41.     public long getItemId(int position) {  
  42.         return position;  
  43.     }  
  44.    
  45.     public View getView(final int position, View convertView, ViewGroup parent) {  
  46.         ImageView iamge = null;  
  47.         TextView title = null;  
  48.         TextView text = null;  
  49.         Button button = null;  
  50.         if (convertView == null) {  
  51.         convertView = LayoutInflater.from(mContext).inflate(  
  52.             mTextViewResourceID, null);  
  53.         iamge = (ImageView) convertView.findViewById(R.id.array_image);  
  54.         title = (TextView) convertView.findViewById(R.id.array_title);  
  55.         text = (TextView) convertView.findViewById(R.id.array_text);  
  56.         button = (Button)convertView.findViewById(R.id.array_button);  
  57.         button.setOnClickListener(new OnClickListener() {  
  58.    
  59.             @Override  
  60.             public void onClick(View arg0) {  
  61.             Toast.makeText(arrayList,"您点击的第"+position +"个按钮", Toast.LENGTH_LONG).show();  
  62.    
  63.             }  
  64.         });  
  65.         }  
  66.         int colorPos = position % colors.length;  
  67.         convertView.setBackgroundColor(colors[colorPos]);  
  68.         title.setText(mListTitle[position]);  
  69.         text.setText(mListStr[position]);  
  70.         if(colorPos == 0)  
  71.         iamge.setImageResource(R.drawable.jay);  
  72.         else  
  73.         iamge.setImageResource(R.drawable.image);  
  74.         return convertView;  
  75.     }  
  76.     }  
  77. }  

  最后如果你还是觉得我写的不够详细 看的不够爽 不要紧我把源代码的下载地址贴出来 欢迎大家一起讨论学习

  下载地址:http://vdisk.weibo.com/s/a9mg0


android开发学习网 » Android应用开发教程之六:ListView详解