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

1.简单的ListView

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

public class SimpleList extends ListActivity {      private String [ ] mListStr = { "姓名：雨松MOMO" , "性别：男" , "年龄：25" , "居住地：北京" , "邮箱：[email protected]" } ;      ListView mListView = null ;      @ Override      protected void onCreate ( Bundle savedInstanceState ) { mListView = getListView ( ) ; setListAdapter ( new ArrayAdapter < String > ( this ,                  android . R . layout . simple_list_item_1 , mListStr ) ) ; mListView . setOnItemClickListener ( new OnItemClickListener ( ) {      @ Override      public void onItemClick ( AdapterView < ? > adapterView , View view , int position ,      long id ) { Toast . makeText ( SimpleList . this , "您选择了" + mListStr [ position ] , Toast . LENGTH_LONG ) . show ( ) ;      } } ) ;   super . onCreate ( savedInstanceState ) ;      } }

2.带标题的ListView列表

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

public class TitleList extends ListActivity {      private String [ ] mListTitle = { "姓名" , "性别" , "年龄" , "居住地" , "邮箱" } ;      private String [ ] mListStr = { "雨松MOMO" , "男" , "25" , "北京" ,      "[email protected]" } ;      ListView mListView = null ;      ArrayList < Map < String , Object >> mData = new ArrayList < Map < String , Object >> ( ) ; ;        @ Override      protected void onCreate ( Bundle savedInstanceState ) { mListView = getListView ( ) ;   int lengh = mListTitle . length ; for ( int i = 0 ; i < lengh ; i ++ ) {      Map < String , Object > item = new HashMap < String , Object > ( ) ;      item . put ( "title" , mListTitle [ i ] ) ;      item . put ( "text" , mListStr [ i ] ) ;      mData . add ( item ) ; } SimpleAdapter adapter = new SimpleAdapter ( this , mData , android . R . layout . simple_list_item_2 , new String [ ] { "title" , "text" } , new int [ ] { android . R . id . text1 , android . R . id . text2 } ) ;          setListAdapter ( adapter ) ; mListView . setOnItemClickListener ( new OnItemClickListener ( ) {      @ Override      public void onItemClick ( AdapterView < ? > adapterView , View view , int position ,      long id ) { Toast . makeText ( TitleList . this , "您选择了标题：" + mListTitle [ position ] + "内容：" + mListStr [ position ] , Toast . LENGTH_LONG ) . show ( ) ;      } } ) ; super . onCreate ( savedInstanceState ) ;      } }

3.带图片的ListView列表

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

<? xml version = "1.0" encoding = "utf-8" ?>   < RelativeLayout xmlns : android = "http://schemas.android.com/apk/res/android" android : layout_width = "fill_parent" android : layout_height = "?android:attr/listPreferredItemHeight" > < ImageView android : id = "@+id/image" android : layout_width = "wrap_content" android : layout_height = "fill_parent" android : layout_alignParentTop = "true" android : layout_alignParentBottom = "true" android : adjustViewBounds = "true" android : padding = "2dip" / > < TextView android : id = "@+id/title" android : layout_width = "wrap_content" android : layout_height = "wrap_content" android : layout_toRightOf = "@+id/image" android : layout_alignParentRight = "true" android : layout_alignParentTop = "true" android : layout_above = "@+id/text" android : layout_alignWithParentIfMissing = "true" android : gravity = "center_vertical" android : textSize = "15dip" / > < TextView android : id = "@+id/text" android : layout_width = "fill_parent" android : layout_height = "wrap_content" android : layout_toRightOf = "@+id/image" android : layout_alignParentBottom = "true" android : layout_alignParentRight = "true" android : singleLine = "true" android : ellipsize = "marquee" android : textSize = "20dip" / > < / RelativeLayout >

 

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32

public class IconList extends ListActivity {      private String [ ] mListTitle = { "姓名" , "性别" , "年龄" , "居住地" , "邮箱" } ;      private String [ ] mListStr = { "雨松MOMO" , "男" , "25" , "北京" ,      "[email protected]" } ;      ListView mListView = null ;      ArrayList < Map < String , Object >> mData = new ArrayList < Map < String , Object >> ( ) ; ;        @ Override      protected void onCreate ( Bundle savedInstanceState ) { mListView = getListView ( ) ;   int lengh = mListTitle . length ; for ( int i = 0 ; i < lengh ; i ++ ) {      Map < String , Object > item = new HashMap < String , Object > ( ) ;      item . put ( "image" , R . drawable . jay ) ;      item . put ( "title" , mListTitle [ i ] ) ;      item . put ( "text" , mListStr [ i ] ) ;      mData . add ( item ) ; } SimpleAdapter adapter = new SimpleAdapter ( this , mData , R . layout . iconlist , new String [ ] { "image" , "title" , "text" } , new int [ ] { R . id . image , R . id . title , R . id . text } ) ;          setListAdapter ( adapter ) ; mListView . setOnItemClickListener ( new OnItemClickListener ( ) {      @ Override      public void onItemClick ( AdapterView < ? > adapterView , View view , int position ,      long id ) { Toast . makeText ( IconList . this , "您选择了标题：" + mListTitle [ position ] + "内容：" + mListStr [ position ] , Toast . LENGTH_LONG ) . show ( ) ;      } } ) ; super . onCreate ( savedInstanceState ) ;      } }

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

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

<? xml version = "1.0" encoding = "utf-8" ?>   < RelativeLayout xmlns : android = "http://schemas.android.com/apk/res/android" android : layout_width = "fill_parent" android : layout_height = "wrap_content" > < ImageView android : id = "@+id/color_image" android : layout_width = "wrap_content" android : layout_height = "fill_parent" android : layout_alignParentTop = "true" android : layout_alignParentBottom = "true" android : adjustViewBounds = "true" android : padding = "2dip" / > < TextView android : id = "@+id/color_title" android : layout_width = "fill_parent" android : layout_height = "wrap_content" android : layout_toRightOf = "@+id/color_image" android : layout_alignParentBottom = "true" android : layout_alignParentRight = "true" android : singleLine = "true" android : ellipsize = "marquee" android : textSize = "15dip"    / > < TextView android : id = "@+id/color_text" android : layout_width = "fill_parent" android : layout_height = "wrap_content" android : layout_toRightOf = "@+id/color_image" android : layout_below = "@+id/color_title" android : layout_alignParentBottom = "true" android : layout_alignParentRight = "true" android : singleLine = "true" android : ellipsize = "marquee" android : textSize = "20dip" / > < / RelativeLayout >

 

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68

public class ColorList extends ListActivity {      private String [ ] mListTitle = { "姓名" , "性别" , "年龄" , "居住地" , "邮箱" } ;      private String [ ] mListStr = { "雨松MOMO" , "男" , "25" , "北京" ,      "[email protected]" } ;      ListView mListView = null ;      MyListAdapter myAdapter = null ;      @ Override      protected void onCreate ( Bundle savedInstanceState ) { mListView = getListView ( ) ; myAdapter = new MyListAdapter ( this ) ; setListAdapter ( myAdapter ) ; mListView . setOnItemClickListener ( new OnItemClickListener ( ) {      @ Override      public void onItemClick ( AdapterView < ? > adapterView , View view , int position ,      long id ) { View v = adapterView . getChildAt ( position ) ; v . setBackgroundColor ( Color . RED ) ; Toast . makeText ( ColorList . this , "您选择了" + mListStr [ position ] , Toast . LENGTH_LONG ) . show ( ) ;      } } ) ;   super . onCreate ( savedInstanceState ) ;      }        class MyListAdapter extends BaseAdapter { private int [ ] colors = new int [ ] { 0xff626569 , 0xff4f5257 } ; public MyListAdapter ( Context context ) {      mContext = context ; }   public int getCount ( ) {      return mListStr . length ; }   @ Override public boolean areAllItemsEnabled ( ) {      return false ; }   public Object getItem ( int position ) {      return position ; }   public long getItemId ( int position ) {      return position ; }   public View getView ( int position , View convertView , ViewGroup parent ) {      ImageView iamge = null ;      TextView title = null ;      TextView text = null ;      if ( convertView == null ) { convertView = LayoutInflater . from ( mContext ) . inflate ( R . layout . colorlist , null ) ; iamge = ( ImageView ) convertView . findViewById ( R . id . color_image ) ; title = ( TextView ) convertView . findViewById ( R . id . color_title ) ; text = ( TextView ) convertView . findViewById ( R . id . color_text ) ;      }      int colorPos = position % colors . length ;      convertView . setBackgroundColor ( colors [ colorPos ] ) ;      title . setText ( mListTitle [ position ] ) ;      text . setText ( mListStr [ position ] ) ;      iamge . setImageResource ( R . drawable . jay ) ;      return convertView ; }   private Context mContext ;      } }

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34

<? xml version = "1.0" encoding = "utf-8" ?>   < RelativeLayout xmlns : android = "http://schemas.android.com/apk/res/android" android : layout_width = "fill_parent" android : layout_height = "wrap_content" > < Button android : id = "@+id/array_button" android : layout_width = "wrap_content" android : layout_height = "wrap_content"      android : text = "一个按钮" / > < ImageView android : id = "@+id/array_image" android : layout_toRightOf = "@+id/array_button" android : layout_width = "wrap_content" android : layout_height = "fill_parent" android : layout_alignParentTop = "true" android : layout_alignParentBottom = "true" android : adjustViewBounds = "true" android : padding = "2dip" / > < TextView android : id = "@+id/array_title" android : layout_width = "fill_parent" android : layout_height = "wrap_content" android : layout_toRightOf = "@+id/array_image" android : layout_alignParentBottom = "true" android : layout_alignParentRight = "true" android : singleLine = "true" android : ellipsize = "marquee" android : textSize = "15dip"    / > < TextView android : id = "@+id/array_text" android : layout_width = "fill_parent" android : layout_height = "wrap_content" android : layout_toRightOf = "@+id/array_image" android : layout_below = "@+id/array_title" android : layout_alignParentBottom = "true" android : layout_alignParentRight = "true" android : singleLine = "true" android : ellipsize = "marquee" android : textSize = "20dip" / >   < / RelativeLayout >

 

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77

public class ArrayList extends ListActivity {      private String [ ] mListTitle = { "姓名" , "性别" , "年龄" , "居住地" , "邮箱" } ;      private String [ ] mListStr = { "雨松MOMO" , "男" , "25" , "北京" ,      "[email protected]" } ;      ListView mListView = null ;      MyListAdapter myAdapter = null ;      ArrayList arrayList = null ;      @ Override      protected void onCreate ( Bundle savedInstanceState ) { arrayList = this ; mListView = getListView ( ) ; myAdapter = new MyListAdapter ( this , R . layout . arraylist ) ; setListAdapter ( myAdapter ) ; super . onCreate ( savedInstanceState ) ;      }        public class MyListAdapter extends ArrayAdapter < Object > { int mTextViewResourceID = 0 ; private Context mContext ; public MyListAdapter ( Context context , int textViewResourceId ) {      super ( context , textViewResourceId ) ;      mTextViewResourceID = textViewResourceId ;      mContext = context ; }   private int [ ] colors = new int [ ] { 0xff626569 , 0xff4f5257 } ;   public int getCount ( ) {      return mListStr . length ; }   @ Override public boolean areAllItemsEnabled ( ) {      return false ; }   public Object getItem ( int position ) {      return position ; }   public long getItemId ( int position ) {      return position ; }   public View getView ( final int position , View convertView , ViewGroup parent ) {      ImageView iamge = null ;      TextView title = null ;      TextView text = null ;      Button button = null ;      if ( convertView == null ) { convertView = LayoutInflater . from ( mContext ) . inflate ( mTextViewResourceID , null ) ; iamge = ( ImageView ) convertView . findViewById ( R . id . array_image ) ; title = ( TextView ) convertView . findViewById ( R . id . array_title ) ; text = ( TextView ) convertView . findViewById ( R . id . array_text ) ; button = ( Button ) convertView . findViewById ( R . id . array_button ) ; button . setOnClickListener ( new OnClickListener ( ) {        @ Override      public void onClick ( View arg0 ) { Toast . makeText ( arrayList , "您点击的第" + position + "个按钮" , Toast . LENGTH_LONG ) . show ( ) ;        } } ) ;      }      int colorPos = position % colors . length ;      convertView . setBackgroundColor ( colors [ colorPos ] ) ;      title . setText ( mListTitle [ position ] ) ;      text . setText ( mListStr [ position ] ) ;      if ( colorPos == 0 ) iamge . setImageResource ( R . drawable . jay ) ;      else iamge . setImageResource ( R . drawable . image ) ;      return convertView ; }      } }

最后如果你还是觉得我写的不够详细 看的不够爽 不要紧我把源代码的下载地址贴出来 欢迎大家一起讨论学习
雨松MOMO希望可以和大家一起进步。

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

• 本文固定链接: http://www.xuanyusong.com/archives/91
• 转载请注明: 雨松MOMO 2012年04月25日 于 雨松MOMO程序研究院 发表

MOMO与MO嫂提醒您：亲，如果您觉得本文不错，快快将这篇文章分享出去吧 。另外请点击网站顶部彩色广告或者捐赠支持本站发展，谢谢！

                        0

最后编辑：2012-08-08

作者：雨松MOMO

专注移动互联网，Unity3D游戏开发

 站内专栏   QQ交谈   腾讯微博   新浪微博

捐 赠如果您愿意花10块钱请我喝一杯咖啡的话，请用手机扫描二维码即可通过支付宝直接向我捐款哦。

  Android研究院， ListView， 宣雨松， 雨松MOMO

 Android 研究院之应用程序的调试（七）

Android研究院之应用程序EditText 详解（五） 

 您可能还会对这些文章感兴趣！

• Unity3D研究院之监听Project视图结构变化的事件
• Unity3D研究院之拓展系统自带组件的Inspector视图（五）
• Unity3D研究院之手游开发中所有特殊的文件夹
• Unity3D研究院之使用Android的硬件缩放技术优化执行效率
• Unity3D研究院transform.parent = parent坐标就乱了
• CSLight研究院之学习笔记脚本NGUI里的回调方法（二）
• CSLight研究院之学习笔记结合NGUI（一）
• Unity3D研究院之在把代码混淆过的游戏返混淆回来（七十七）

社交帐号登录:

• 微博
• QQ
• 人人
• 豆瓣
• 更多»

发布

最新 最早 最热

• 1条评论

• 

  乐乐

  MOMO，谢谢你的教程哦~我知道你现在不做Android了，但是我真的发现了一个错误，就是在最后一个例子里，下面这段代码：
  iamge = (ImageView) convertView.findViewById(R.id.array_image);
  title = (TextView) convertView.findViewById(R.id.array_title);
  text = (TextView) convertView.findViewById(R.id.array_text);
  button = (Button)convertView.findViewById(R.id.array_button);
  button.setOnClickListener(new OnClickListener() {
  
  @Override
  public void onClick(View arg0) {
  Toast.makeText(arrayList,"您点击的第"+position +"个按钮", Toast.LENGTH_LONG).show();
  
  }
  });
  应该放在if (convertView == null)这个判断的外面哦，要不然刷新的时候会崩溃的！
  真的谢谢你这么耐心的写教程，向你学习

  2013年4月10日 回复 顶 转发

• 站点信息

  • 文章总数：291篇
  • 分类总数：23个
  • 标签总数：296个
  • 评论总数：7931条
  • 页面总数：5个
  • 网站已运行：1206天

• 微博

• 研究院文章总汇

  • 【 iTween研究院之Unity插件】
  • 【Android研究院之应用开发】
  • 【Android研究院之游戏开发】
  • 【Cocos2D研究院之游戏开发】
  • 【CSLight研究院】
  • 【Direct3D研究院之PC网游开发】
  • 【FingerGestures之Unity插件】
  • 【IOS研究院之应用开发】
  • 【NGUI研究院之Unity插件】
  • 【Objective-C研究院之语法】
  • 【Ruby On Rails研究院】
  • 【Three20研究院之应用开发】
  • 【UGUI研究院】
  • 【Unity2D研究院之游戏开发】
  • 【Unity3D拓展编辑器】
  • 【Unity3D研究院之游戏开发】
  • 【Unity杂文】
  • 【你好Unity3D】
  • 【研究院之视频开发教程】
  • 【雨松MOMO生活研究院】

• 标签

  宣雨松 (182)  雨松MOMO (174)  游戏开发 (108) Unity3D研究院 (107)  《Unity 3D游戏开发》 (68) Android研究院 (42)  C# (37)  if (26)  摄像机 (10) UISprite (10)  Three20研究院 (10) Objective-C研究院 (10)  IOS研究院 (10) NGUI研究院 (9)  import (8)  张晓 (8)  ZXGoto (8) light (7)  精灵 (7)  Assetbundle (7)  失落的宇宙 (6) Direct3D研究院 (6)  cocos2d (6)  数据库 (5) ff0000 (5)  UITexture (5)  帧动画 (5)  监听事件 (4) CSLight (4)  触摸 (4)  JSON (4)  2D游戏 (3) 视频教程 (3)  游戏脚本 (3)  下拉列表 (3) unity热更新 (3)  人物移动 (3)  WebView (3) HelloWorld (3)  新浪微博 (3)  重力感应 (3) 屏幕切换 (3)  第三方数据库 (2) Android与Unity交互 (2)  ListView (2)

• 近期文章

  • Unity3D研究院之Android二次加密.so二次加密DLL（八十二）
  • Unity3D研究院之Android加密DLL与破解DLL .SO（八十一）
  • Unity3D研究院之使用Xamarin Studio调试Unity程序
  • UGUI研究院之Image模糊效果（十八）
  • Unity3D研究院之监听Project视图结构变化的事件

• 随机文章

  • Unity3D研究院之Assetbundle的原理（六十一）
  • Cocos2D研究院之打开全新ViewController与返回（八）
  • Android研究院之WebView的简单使用（十六）
  • Unity3D研究院之解决ttf繁体字体不显示问题
  • Cocos2D研究院之CCNode详解（三）
  • NGUI研究院之NGUI3.0事件（九）
  • Direct3D研究院之绘制第一个图形（三）
  • Unity3D研究院之程序工程和美术工程
  • Android研究院之游戏开发处理按键的响应（十二）
  • UGUI研究院之SpritePacker打包参数（四）

• 最近访客

  
  
  
  
  
  
  
  
  
  
  
  
  
  

• 近期评论

  • 
    雨松MOMO 10小时前
    在  Unity3D研究院之Android二次加密.so二次加密DLL（八十二） 中评论
    小金。。。
  • 
    Venbb 16小时前
    在  Unity3D研究院之IOS Android支持中文与本地文件的读取写入（二十七） 中评论
    貌似没加这个？READ_EXTERNAL_STORAGE
  • 
    Venbb 16小时前
    在  Unity3D研究院之IOS Android支持中文与本地文件的读取写入（二十七） 中评论
    在android(SDK 19)系统中使用Application.persistentDataPath读写输入时，Application.persistentDataPath返回路径为空？ Logcat报错如下：Unauthor…
  • 
    苏莉微 7月20日
    在  Unity3D研究院之预设的使用细节（五十一） 中评论
    如何通过一个在文件夹中的prefab找到gameobject中所有属于这个prefab的gameobject？
  • 
    鬼画符方 7月20日
    在  联系站长 中评论
    松哥，我发现左边这个头像转动有些频繁，会卡，我是谷歌浏览器，有的时候打一些字动一下
  • 
    鬼画符方 7月20日
    在  联系站长 中评论
    我想在我的网页上做一个复制按钮，无奈书读的不多......蛋糕放在眼前都不知道怎么吃
  • 
    金奇 7月20日
    在  Unity3D研究院之Android二次加密.so二次加密DLL（八十二） 中评论
    [给力]
  • 
    帅尹 7月19日
    在  Unity3D研究院之IOS全自动编辑framework、plist、oc代码（六十七） 中评论
    怎么解决的呢，我也遇到了
  • 
    kun 7月18日
    在  Unity3D研究院之Android二次加密.so二次加密DLL（八十二） 中评论
    开拓了眼界~！
  • 
    雨松MOMO 7月18日
    在  Unity3D研究院之Android二次加密.so二次加密DLL（八十二） 中评论
    谢谢。。

• 赞助商广告

返回顶部 网站地图    京ICP备12034878号-1  百度统计 ©雨松MOMO | Theme  frontopen2