Android软件开发之ListView 详解

最新推荐文章于 2023-07-06 02:06:11 发布
最新推荐文章于 2023-07-06 02:06:11 发布
阅读量643 收藏
点赞数
分类专栏： Android UI
本帖最后由 hello.liu 于 2011-9-2 23:31 编辑

Android软件开发之ListView 详解

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.gif
2011-9-2 23:27 上传
下载附件 (50.2 KB)

1.简单的ListView

       在List列表中如果不存在过于复杂的东西 我们可以直接去new ArrayAdapter() 来绘制列表，无须继承ArrayAdapter，重写它的方法。但是如果列表中过于复杂的话就需要使用自定义布局来实现List列表。
2.gif
2011-9-2 23:27 上传
下载附件 (34.67 KB)
  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.         });

  17.         super.onCreate(savedInstanceState);
  18.     }
  19. }
复制代码
2.带标题的ListView列表

      使用 simpleAdapter 需要注意的是须要用Map<String,Object> item 来保存列表中每一项的显示的title与text , new SimpleAdapter的时候将map中的数据写入 ，程序就会帮我们绘制列表了。
3.gif
2011-9-2 23:27 上传
下载附件 (24.98 KB)
  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>>();;

  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 来保存列表中每一项须要的显示内容 如 图片 标题 内容等。

4.gif
2011-9-2 23:27 上传
下载附件 (36.69 KB)

添加我们自己的列表布局 图片 标题 内容
  1. <?xml version="1.0" encoding="utf-8"?>

  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>
复制代码
  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>>();;

  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修改每个列表的颜色 并且实现用户选中后成高亮状态。
5.gif
2011-9-2 23:28 上传
下载附件 (42 KB)
  1. <?xml version="1.0" encoding="utf-8"?>

  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>

复制代码
  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.     }

  25.     class MyListAdapter extends BaseAdapter {
  26.         private int[] colors = new int[] { 0xff626569, 0xff4f5257 };
  27.         public MyListAdapter(Context context) {
  28.             mContext = context;
  29.         }

  31.         public int getCount() {
  32.             return mListStr.length;
  33.         }

  35.         @Override
  36.         public boolean areAllItemsEnabled() {
  37.             return false;
  38.         }

  40.         public Object getItem(int position) {
  41.             return position;
  42.         }

  44.         public long getItemId(int position) {
  45.             return position;
  46.         }

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

  66.         private Context mContext;
  67.     }
  68. }
复制代码
5.自定义布局ArrayAdapter
        ArrayAdapter是BaseAdapter的子类，ArrayAdapter不仅具有BaseAdapter的所有方法还自定义了一些新的方法来处理列表项，所以单纯的从功能能上来讲ArrayAdapter远远强与BaseAdapter，如果是绘制一些数量比较少的列表建议使用BaseAdapter 如果绘制一些比较复杂的列表项 并且列表项很多的 建议使用ArrayAdapter。
6.gif
2011-9-2 23:28 上传
下载附件 (44.97 KB)
  1. <?xml version="1.0" encoding="utf-8"?>

  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" />

  34. </RelativeLayout>
复制代码
  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.     }

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

  26.         private int[] colors = new int[] { 0xff626569, 0xff4f5257 };

  28.         public int getCount() {
  29.             return mListStr.length;
  30.         }

  32.         @Override
  33.         public boolean areAllItemsEnabled() {
  34.             return false;
  35.         }

  37.         public Object getItem(int position) {
  38.             return position;
  39.         }

  41.         public long getItemId(int position) {
  42.             return position;
  43.         }

  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. }
复制代码
第六讲ListView.rar (229.46 KB, 下载次数: 1369)
2011-9-2 23:26 上传
点击文件名下载附件
下载积分: 下载豆 -2
sada09
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android软件开发之ListView 详解源码
07-26
雨松MOMO带你做软件 Android软件开发之ListView 详解源码 欢迎大家下载阅读。
Android开发之ListView
wangxiaohigh
08-07 115
Android开发之ListView /* * Android开发之ListView * * Created on: 2011-8-7 * Author: blueeagle * Email: [email protected] */ 最近在学习android开发过程中，发现有关ListView这个类的问题和处理方式的问题比较多。需要总结学习一下。 要学习...
安卓开发之ListView
江苏小白龙
10-20 508
该控件类似于我们iOS中的tableview,那么它需要cell(自定义item),model(Adapter自定义), cell例子写法-- public class Animal { private String aName; private String aSpeak; private int aIcon; public Animal() {
Android教学ListView详解[参照].pdf
10-11
Android教学ListView详解[参照].pdf
《Android自定义组件开发详解》
02-27
4.4.2 软件参数 108 4.4.3 绘图缓冲区 109 4.4.4 撤消操作 111 4.4.5 图形绘制 113 4.4.6 绘图区 118 4.4.7 主界面 119 4.5 练习作业 122 第五章 阴影、渐变和位图运算 123 5.1 概述 123 5.2 阴影 123 5.3 渐变 125...
Android编程之ListView和EditText发布帖子隐藏软键盘功能详解
01-20
本文实例讲述了Android编程之ListView和EditText发布帖子隐藏软键盘功能。分享给大家供大家参考，具体如下： 在Android开发中，手动调用软件盘的隐藏和显示有时候也是非常常见的需求。 EditText控件实现了点击打开软...
《Android应用开发揭秘》源码
02-24
精通Java、C、C++等语言，专注于移动通信软件开发，在机顶盒软件开发和MTK平台软件开发方面有非常深厚的积累。2007年获得中国软件行业协会游戏软件分会(CGIA)认证及国际游戏开发教育联合会国际认证。曾经领导和参与...
安卓开发：ListView
qq_42775938的博客
11-26 608
一，listView简介 1，listView的功能：显示列表 2，创建ListView的三要素：（1）布局（决定每一行可以显示什么东西）（2）数据：填入View的文字、图片等内容，或者是某些基本组件； （3）适配器：布局和数据都是先放在这里面的，然后再用ListView1.setAdapter(适配器）来设置ListView1中显示什么东西，即将ListView绑定到适配器上。 3，适配器...
android控件开发之ListView
Winter专栏
12-10 678
android控件开发之ListView 本文主要讲述安卓开发中的ListView控件的使用方法 java代码： package com.example.listview; import java.util.ArrayList; import java.util.HashMap; import android.app.ListActivity
安卓开发之ListView入门
weixin_30735391的博客
05-23 100
<!--这个地方最好用match_parent 这样效率高--> <ListView android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/lv" an...
android ListView详解
人生就是一种修行
11-14 1373
在android开发中ListView是比较常用的组件，它以列表的形式展示具体内容，并且能够根据数据的长度自适应显示。抽空把对ListView的使用做了整理，并写了个小例子，如下图。   列表的显示需要三个元素： 1．ListVeiw 用来展示列表的View。 2．适配器 用来把数据映射到ListView上的中介。 3．数据    具体的将被映射的字符串，图片，或者基本组件。 根据...
Android——ListView
m0_61793503的博客
07-06 1576
（1）首先在main_activity.xml中加入ListView控件（2）修改活动MainActivity代码设置适配器，这里我选用的是ArrayAdapter适配器，它可以通过泛型 来指定要适配的数据类型，然后在构造函数中把要适配的数据传入。这里要注意一下arrayadapter()方法，ArrayAdapter(Context context ,int textViewResourceId ,List<T> objects)
安卓开发 之小白养成-ListView的详解01
qq_34506989的博客
10-16 322
什么是ListView 首先ListView是一个ViewGroup，是一个以垂直方式(列表的形式)在项目中显示View视图的列表,并且能够根据数据的长度自适应显示。他也是一个适配器视图，可以通过适当的适配器来让ListView展示数据。与ListView配合使用的适配器主要包括下面几种： ArrayAdapter、SimpleAdapter、BaseAdapter(重点)、SimpleCurs...
安卓开发 之小白养成-ListView的详解02
qq_34506989的博客
10-16 219
服务器端JSON数据分页查询 当listview里的数据非常多时，一个屏幕展示不完，这时就需要分页的技术，这种技术在实际开发中应用的非常多,比如说滑动到最下面时，就会加载新的内容，就在分一页显示。 客户端传给服务器需要第几页和每页多少条这两项数据，服务器负责把数据传递给客户端 ListView的滚动事件 listView.setOnScrollListener(newOnSc...
安卓开发学习之ListView布局流程源码阅读
四国棋客
05-17 523
背景在安卓开发学习之ListView的测量流程源码阅读一文中，我记录了ListView的onMeasure()过程，今天，我继续记录下ListView的onLayout()流程AbsListView#onLayoutListView并没有实现onLayout()，所以它调用的是父类AbsListView的onLayout()方法，代码如下@Override protected void o...
android使用map集合将数据库里的数据显示在ListView上
qq_44883141的博客
10-27 1889
基本效果图： 首先要有两个xml文件(一个xml是用来显示数据库中的数据，另一个xml是用来定义listview中item的布局),一个activity: 直接上代码： activity_main.xml: <ListView android1:id="@+id/slv1" android1:layout_width="match_parent" android1:...
Android开发之关于ListView中adapter调用notifyDataSetChanged无效的原因
最新发布
09-22
在 Android 开发中，ListView 是常用的列表控件，而 Adapter 则是 ListView 显示列表数据的适配器。当数据源改变时，我们需要调用 Adapter 的 notifyDataSetChanged() 方法来通知 ListView 更新数据。不过有时候，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值