您的位置：首页 > 移动开发 > Android开发

Android研究院之应用程序ListView 详解（六）

2015-07-21 09:49 489 查看

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","居住地：北京","邮箱：xuanyusong@gmail.com"};

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",
"北京",

"xuanyusong@gmail.com"
};

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",
"北京",

"xuanyusong@gmail.com"
};

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",
"北京",

"xuanyusong@gmail.com"
};

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",
"北京",

"xuanyusong@gmail.com"
};

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)

Venbb16小时前

在 Unity3D研究院之IOS Android支持中文与本地文件的读取写入（二十七）中评论

在android(SDK 19)系统中使用Application.persistentDataPath读写输入时，Application.persistentDataPath返回路径为空？ Logcat报错如下：Unauthor…