您的位置: 首页  >  文章  >  Android软件开发之ListView 详解

Android软件开发之ListView 详解

分类: 文章 • 2024-04-11 13:03:25
原创作品，允许转载，转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。http://xys289187120.blog.51cto.com/3361352/657171
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 详解





    

  1. publicclassSimpleListextendsListActivity{ 
    2. 

  2. 
privateString[]mListStr={"姓名：雨松MOMO","性别：男","年龄：25","居住地：北京","邮箱：[email protected]"}; 

    3. 

  3. 
ListViewmListView=null; 

    4. 

  4. @Override 
    5. 

  5. protectedvoidonCreate(BundlesavedInstanceState){ 
    6. 

  6. 
mListView=getListView(); 

    7. 

  7. 
setListAdapter(newArrayAdapter<String>(this, 

    8. 

  8. android.R.layout.simple_list_item_1,mListStr)); 
    9. 

  9. mListView.setOnItemClickListener(newOnItemClickListener(){ 
    10. 

  10. @Override 
    11. 

  11. 
publicvoidonItemClick(AdapterView<?>adapterView,Viewview,intposition, 

    12. 

  12. longid){ 
    13. 

  13. Toast.makeText(SimpleList.this,"您选择了"+mListStr[position],Toast.LENGTH_LONG).show(); 
    14. 

  14. } 
    15. 

  15. }); 
    16. 

    17. 

  17. super.onCreate(savedInstanceState); 
    18. 

  18. } 
    19. 

  19. }
    20. 





2.带标题的ListView列表

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


Android软件开发之ListView 详解




    

  1. publicclassTitleListextendsListActivity{ 
    2. 

  2. 
privateString[]mListTitle={"姓名","性别","年龄","居住地","邮箱"}; 

    3. 

  3. 
privateString[]mListStr={"雨松MOMO","男","25","北京", 

    4. 

  4. "[email protected]"}; 
    5. 

  5. 
ListViewmListView=null; 

    6. 

  6. 
ArrayList<Map<String,Object>>mData=newArrayList<Map<String,Object>>();; 

    7. 

    8. 

  8. @Override 
    9. 

  9. protectedvoidonCreate(BundlesavedInstanceState){ 
    10. 

  10. 
mListView=getListView(); 

    11. 

  11.  
    12. 

  12. 
intlengh=mListTitle.length; 

    13. 

  13. 
for(inti=0;i<lengh;i++){ 

    14. 

  14. 
Map<String,Object>item=newHashMap<String,Object>(); 

    15. 

  15. item.put("title",mListTitle[i]); 
    16. 

  16. item.put("text",mListStr[i]); 
    17. 

  17. mData.add(item); 
    18. 

  18. } 
    19. 

  19. 
SimpleAdapteradapter=newSimpleAdapter(this,mData,android.R.layout.simple_list_item_2, 

    20. 

  20. newString[]{"title","text"},newint[]{android.R.id.text1,android.R.id.text2}); 
    21. 

  21. setListAdapter(adapter); 
    22. 

  22. mListView.setOnItemClickListener(newOnItemClickListener(){ 
    23. 

  23. @Override 
    24. 

  24. 
publicvoidonItemClick(AdapterView<?>adapterView,Viewview,intposition, 

    25. 

  25. longid){ 
    26. 

  26. Toast.makeText(TitleList.this,"您选择了标题："+mListTitle[position]+"内容："+mListStr[position],Toast.LENGTH_LONG).show(); 
    27. 

  27. } 
    28. 

  28. }); 
    29. 

  29. super.onCreate(savedInstanceState); 
    30. 

  30. } 
    31. 

  31. }
    32. 




3.带图片的ListView列表

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


Android软件开发之ListView 详解











添加我们自己的列表布局 图片 标题 内容 













    

  1. <?xmlversion="1.0"encoding="utf-8"?>
    2. 

    3. 

  3. 
<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"

    4. 

  4. 
android:layout_width="fill_parent"android:layout_height="?android:attr/listPreferredItemHeight">

    5. 

  5. 
<ImageViewandroid:id="@+id/image"

    6. 

  6. 
android:layout_width="wrap_content"android:layout_height="fill_parent"

    7. 

  7. 
android:layout_alignParentTop="true"android:layout_alignParentBottom="true"

    8. 

  8. 
android:adjustViewBounds="true"

    9. 

  9. 
android:padding="2dip"/>

    10. 

  10. 
<TextViewandroid:id="@+id/title"

    11. 

  11. 
android:layout_width="wrap_content"android:layout_height="wrap_content"

    12. 

  12. 
android:layout_toRightOf="@+id/image"

    13. 

  13. 
android:layout_alignParentRight="true"android:layout_alignParentTop="true"

    14. 

  14. 
android:layout_above="@+id/text"

    15. 

  15. 
android:layout_alignWithParentIfMissing="true"android:gravity="center_vertical"

    16. 

  16. 
android:textSize="15dip"/>

    17. 

  17. 
<TextViewandroid:id="@+id/text"

    18. 

  18. 
android:layout_width="fill_parent"android:layout_height="wrap_content"

    19. 

  19. 
android:layout_toRightOf="@+id/image"

    20. 

  20. 
android:layout_alignParentBottom="true"

    21. 

  21. 
android:layout_alignParentRight="true"android:singleLine="true"

    22. 

  22. 
android:ellipsize="marquee" 

    23. 

  23. 
android:textSize="20dip"/>

    24. 

  24. 
</RelativeLayout>

    25. 



















    

  1. publicclassIconListextendsListActivity{ 
    2. 

  2. 
privateString[]mListTitle={"姓名","性别","年龄","居住地","邮箱"}; 

    3. 

  3. 
privateString[]mListStr={"雨松MOMO","男","25","北京", 

    4. 

  4. "[email protected]"}; 
    5. 

  5. 
ListViewmListView=null; 

    6. 

  6. 
ArrayList<Map<String,Object>>mData=newArrayList<Map<String,Object>>();; 

    7. 

    8. 

  8. @Override 
    9. 

  9. protectedvoidonCreate(BundlesavedInstanceState){ 
    10. 

  10. 
mListView=getListView(); 

    11. 

  11.  
    12. 

  12. 
intlengh=mListTitle.length; 

    13. 

  13. 
for(inti=0;i<lengh;i++){ 

    14. 

  14. 
Map<String,Object>item=newHashMap<String,Object>(); 

    15. 

  15. item.put("image",R.drawable.jay); 
    16. 

  16. item.put("title",mListTitle[i]); 
    17. 

  17. item.put("text",mListStr[i]); 
    18. 

  18. mData.add(item); 
    19. 

  19. } 
    20. 

  20. 
SimpleAdapteradapter=newSimpleAdapter(this,mData,R.layout.iconlist, 

    21. 

  21. newString[]{"image","title","text"},newint[]{R.id.image,R.id.title,R.id.text}); 
    22. 

  22. setListAdapter(adapter); 
    23. 

  23. mListView.setOnItemClickListener(newOnItemClickListener(){ 
    24. 

  24. @Override 
    25. 

  25. 
publicvoidonItemClick(AdapterView<?>adapterView,Viewview,intposition, 

    26. 

  26. longid){ 
    27. 

  27. Toast.makeText(IconList.this,"您选择了标题："+mListTitle[position]+"内容："+mListStr[position],Toast.LENGTH_LONG).show(); 
    28. 

  28. } 
    29. 

  29. }); 
    30. 

  30. super.onCreate(savedInstanceState); 
    31. 

  31. } 
    32. 

  32. }
    33. 




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

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




Android软件开发之ListView 详解














    

  1. <?xmlversion="1.0"encoding="utf-8"?>
    2. 

    3. 

  3. 
<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"

    4. 

  4. 
android:layout_width="fill_parent"android:layout_height="wrap_content">

    5. 

  5. 
<ImageViewandroid:id="@+id/color_image"

    6. 

  6. 
android:layout_width="wrap_content"android:layout_height="fill_parent"

    7. 

  7. 
android:layout_alignParentTop="true"android:layout_alignParentBottom="true"

    8. 

  8. 
android:adjustViewBounds="true"

    9. 

  9. 
android:padding="2dip"/>

    10. 

  10. 
<TextViewandroid:id="@+id/color_title"

    11. 

  11. 
android:layout_width="fill_parent"android:layout_height="wrap_content"

    12. 

  12. 
android:layout_toRightOf="@+id/color_image"

    13. 

  13. 
android:layout_alignParentBottom="true"

    14. 

  14. 
android:layout_alignParentRight="true"android:singleLine="true"

    15. 

  15. 
android:ellipsize="marquee" 

    16. 

  16. 
android:textSize="15dip"/>

    17. 

  17. 
<TextViewandroid:id="@+id/color_text"

    18. 

  18. 
android:layout_width="fill_parent"android:layout_height="wrap_content"

    19. 

  19. 
android:layout_toRightOf="@+id/color_image"

    20. 

  20. 
android:layout_below="@+id/color_title"

    21. 

  21. 
android:layout_alignParentBottom="true"

    22. 

  22. 
android:layout_alignParentRight="true" 

    23. 

  23. 
android:singleLine="true"

    24. 

  24. 
android:ellipsize="marquee" 

    25. 

  25. 
android:textSize="20dip"/>

    26. 

  26. 
</RelativeLayout>

    27. 

    28. 

    29. 













    

  1. publicclassColorListextendsListActivity{ 
    2. 

  2. 
privateString[]mListTitle={"姓名","性别","年龄","居住地","邮箱"}; 

    3. 

  3. 
privateString[]mListStr={"雨松MOMO","男","25","北京", 

    4. 

  4. "[email protected]"}; 
    5. 

  5. 
ListViewmListView=null; 

    6. 

  6. 
MyListAdaptermyAdapter=null; 

    7. 

  7. @Override 
    8. 

  8. protectedvoidonCreate(BundlesavedInstanceState){ 
    9. 

  9. 
mListView=getListView(); 

    10. 

  10. 
myAdapter=newMyListAdapter(this); 

    11. 

  11. setListAdapter(myAdapter); 
    12. 

  12. mListView.setOnItemClickListener(newOnItemClickListener(){ 
    13. 

  13. @Override 
    14. 

  14. 
publicvoidonItemClick(AdapterView<?>adapterView,Viewview,intposition, 

    15. 

  15. longid){ 
    16. 

  16. 
Viewv=adapterView.getChildAt(position); 

    17. 

  17. v.setBackgroundColor(Color.RED); 
    18. 

  18. Toast.makeText(ColorList.this,"您选择了"+mListStr[position],Toast.LENGTH_LONG).show(); 
    19. 

  19. } 
    20. 

  20. }); 
    21. 

  21.  
    22. 

  22. super.onCreate(savedInstanceState); 
    23. 

  23. } 
    24. 

    25. 

  25. classMyListAdapterextendsBaseAdapter{ 
    26. 

  26. 
privateint[]colors=newint[]{0xff626569,0xff4f5257}; 

    27. 

  27. publicMyListAdapter(Contextcontext){ 
    28. 

  28. 
mContext=context; 

    29. 

  29. } 
    30. 

    31. 

  31. publicintgetCount(){ 
    32. 

  32. returnmListStr.length; 
    33. 

  33. } 
    34. 

    35. 

  35. @Override 
    36. 

  36. publicbooleanareAllItemsEnabled(){ 
    37. 

  37. returnfalse; 
    38. 

  38. } 
    39. 

    40. 

  40. publicObjectgetItem(intposition){ 
    41. 

  41. returnposition; 
    42. 

  42. } 
    43. 

    44. 

  44. publiclonggetItemId(intposition){ 
    45. 

  45. returnposition; 
    46. 

  46. } 
    47. 

    48. 

  48. publicViewgetView(intposition,ViewconvertView,ViewGroupparent){ 
    49. 

  49. 
ImageViewiamge=null; 

    50. 

  50. 
TextViewtitle=null; 

    51. 

  51. 
TextViewtext=null; 

    52. 

  52. 
if(convertView==null){ 

    53. 

  53. 
convertView=LayoutInflater.from(mContext).inflate(R.layout.colorlist,null); 

    54. 

  54. 
iamge=(ImageView)convertView.findViewById(R.id.color_image); 

    55. 

  55. 
title=(TextView)convertView.findViewById(R.id.color_title); 

    56. 

  56. 
text=(TextView)convertView.findViewById(R.id.color_text); 

    57. 

  57. } 
    58. 

  58. 
intcolorPos=position%colors.length; 

    59. 

  59. convertView.setBackgroundColor(colors[colorPos]); 
    60. 

  60. title.setText(mListTitle[position]); 
    61. 

  61. text.setText(mListStr[position]); 
    62. 

  62. iamge.setImageResource(R.drawable.jay); 
    63. 

  63. returnconvertView; 
    64. 

  64. } 
    65. 

    66. 

  66. privateContextmContext; 
    67. 

  67. } 
    68. 

  68. }
    69. 





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

Android软件开发之ListView 详解











    

  1. <?xmlversion="1.0"encoding="utf-8"?>
    2. 

    3. 

  3. 
<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"

    4. 

  4. 
android:layout_width="fill_parent"android:layout_height="wrap_content">

    5. 

  5. 
<Button

    6. 

  6. 
android:id="@+id/array_button"

    7. 

  7. 
android:layout_width="wrap_content" 

    8. 

  8. 
android:layout_height="wrap_content"

    9. 

  9. 
android:text="一个按钮"

    10. 

  10. 
/>

    11. 

  11. 
<ImageViewandroid:id="@+id/array_image"

    12. 

  12. 
android:layout_toRightOf="@+id/array_button"

    13. 

  13. 
android:layout_width="wrap_content"android:layout_height="fill_parent"

    14. 

  14. 
android:layout_alignParentTop="true"android:layout_alignParentBottom="true"

    15. 

  15. 
android:adjustViewBounds="true"

    16. 

  16. 
android:padding="2dip"/>

    17. 

  17. 
<TextViewandroid:id="@+id/array_title"

    18. 

  18. 
android:layout_width="fill_parent"android:layout_height="wrap_content"

    19. 

  19. 
android:layout_toRightOf="@+id/array_image"

    20. 

  20. 
android:layout_alignParentBottom="true"

    21. 

  21. 
android:layout_alignParentRight="true"android:singleLine="true"

    22. 

  22. 
android:ellipsize="marquee" 

    23. 

  23. 
android:textSize="15dip"/>

    24. 

  24. 
<TextViewandroid:id="@+id/array_text"

    25. 

  25. 
android:layout_width="fill_parent"android:layout_height="wrap_content"

    26. 

  26. 
android:layout_toRightOf="@+id/array_image"

    27. 

  27. 
android:layout_below="@+id/array_title"

    28. 

  28. 
android:layout_alignParentBottom="true"

    29. 

  29. 
android:layout_alignParentRight="true" 

    30. 

  30. 
android:singleLine="true"

    31. 

  31. 
android:ellipsize="marquee" 

    32. 

  32. 
android:textSize="20dip"/>

    33. 

    34. 

  34. 
</RelativeLayout>

    35. 







    

  1. publicclassArrayListextendsListActivity{ 
    2. 

  2. 
privateString[]mListTitle={"姓名","性别","年龄","居住地","邮箱"}; 

    3. 

  3. 
privateString[]mListStr={"雨松MOMO","男","25","北京", 

    4. 

  4. "[email protected]"}; 
    5. 

  5. 
ListViewmListView=null; 

    6. 

  6. 
MyListAdaptermyAdapter=null; 

    7. 

  7. 
ArrayListarrayList=null; 

    8. 

  8. @Override 
    9. 

  9. protectedvoidonCreate(BundlesavedInstanceState){ 
    10. 

  10. 
arrayList=this; 

    11. 

  11. 
mListView=getListView(); 

    12. 

  12. 
myAdapter=newMyListAdapter(this,R.layout.arraylist); 

    13. 

  13. setListAdapter(myAdapter); 
    14. 

  14. super.onCreate(savedInstanceState); 
    15. 

  15. } 
    16. 

    17. 

  17. 
publicclassMyListAdapterextendsArrayAdapter<Object>{ 

    18. 

  18. 
intmTextViewResourceID=0; 

    19. 

  19. privateContextmContext; 
    20. 

  20. publicMyListAdapter(Contextcontext,inttextViewResourceId){ 
    21. 

  21. super(context,textViewResourceId); 
    22. 

  22. 
mTextViewResourceID=textViewResourceId; 

    23. 

  23. 
mContext=context; 

    24. 

  24. } 
    25. 

    26. 

  26. 
privateint[]colors=newint[]{0xff626569,0xff4f5257}; 

    27. 

    28. 

  28. publicintgetCount(){ 
    29. 

  29. returnmListStr.length; 
    30. 

  30. } 
    31. 

    32. 

  32. @Override 
    33. 

  33. publicbooleanareAllItemsEnabled(){ 
    34. 

  34. returnfalse; 
    35. 

  35. } 
    36. 

    37. 

  37. publicObjectgetItem(intposition){ 
    38. 

  38. returnposition; 
    39. 

  39. } 
    40. 

    41. 

  41. publiclonggetItemId(intposition){ 
    42. 

  42. returnposition; 
    43. 

  43. } 
    44. 

    45. 

  45. publicViewgetView(finalintposition,ViewconvertView,ViewGroupparent){ 
    46. 

  46. 
ImageViewiamge=null; 

    47. 

  47. 
TextViewtitle=null; 

    48. 

  48. 
TextViewtext=null; 

    49. 

  49. 
Buttonbutton=null; 

    50. 

  50. 
if(convertView==null){ 

    51. 

  51. 
convertView=LayoutInflater.from(mContext).inflate( 

    52. 

  52. mTextViewResourceID,null); 
    53. 

  53. 
iamge=(ImageView)convertView.findViewById(R.id.array_image); 

    54. 

  54. 
title=(TextView)convertView.findViewById(R.id.array_title); 

    55. 

  55. 
text=(TextView)convertView.findViewById(R.id.array_text); 

    56. 

  56. 
button=(Button)convertView.findViewById(R.id.array_button); 

    57. 

  57. button.setOnClickListener(newOnClickListener(){ 
    58. 

  58.  
    59. 

  59. @Override 
    60. 

  60. publicvoidonClick(Viewarg0){ 
    61. 

  61. Toast.makeText(arrayList,"您点击的第"+position+"个按钮",Toast.LENGTH_LONG).show(); 
    62. 

  62.  
    63. 

  63. } 
    64. 

  64. }); 
    65. 

  65. } 
    66. 

  66. 
intcolorPos=position%colors.length; 

    67. 

  67. convertView.setBackgroundColor(colors[colorPos]); 
    68. 

  68. title.setText(mListTitle[position]); 
    69. 

  69. text.setText(mListStr[position]); 
    70. 

  70. 
if(colorPos==0) 

    71. 

  71. iamge.setImageResource(R.drawable.jay); 
    72. 

  72. else 
    73. 

  73. iamge.setImageResource(R.drawable.image); 
    74. 

  74. returnconvertView; 
    75. 

  75. } 
    76. 

  76. } 
    77. 

  77. }
    78. 




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

雨松MOMO希望可以和大家一起进步。



















															

																					

								

									相关推荐