Android Studio——ListView的高级使用

ListView在android开放中用的比较多，所以接下来就进行ListView的使用的讲解。

首先创建一个android项目，项目名为ListViewTest.

ListView的简单使用

修改布局文件，修改后代码如下：

view
sourceprint?

01.

<LinearLayout
xmlns:android=

"http://schemas.android.com/apk/res/android"

02.

xmlns:tools=

"http://schemas.android.com/tools"

03.

android:layout_width=

"match_parent"

04.

android:layout_height=

"match_parent"

05.

>

06.

07.

<ListView

08.

android:id=

"@+id/list_view"

09.

android:layout_width=

"match_parent"

10.

android:layout_height=

"match_parent"

11.

></ListView>

12.

13.

</LinearLayout>

修改MainActivity的代码：

view
sourceprint?

01.

package

com.wj.listviewtest;

02.

03.

import

android.app.Activity;

04.

import

android.os.Bundle;

05.

import

android.view.Menu;

06.

import

android.widget.ArrayAdapter;

07.

import

android.widget.ListView;

08.

09.

public

class

MainActivity

extends

Activity
{

10.

11.

private

String
[] data={

"apple"

,

"banana"

,

"orange"

,

12.

"watermelon"

,

"pear"

,

"grape"

,

"pineapple"

,

"strawberry"

,

13.

"cherry"

,

"mango"

};

14.

@Override

15.

protected

void

onCreate(Bundle
savedInstanceState) {

16.

super

.onCreate(savedInstanceState);

17.

setContentView(R.layout.activity_main);

18.

//创建适配器

19.

ArrayAdapter<String>
adapter=

new

ArrayAdapter<String>(

20.

MainActivity.

this

,android.R.layout.simple_list_item_1,

21.

data);

22.

ListView
listView=(ListView) findViewById(R.id.list_view);

23.

listView.setAdapter(adapter);

24.

}

25.

26.

@Override

27.

public

boolean

onCreateOptionsMenu(Menu
menu) {

28.

//
Inflate the menu; this adds items to the action bar if it is present.

29.

getMenuInflater().inflate(R.menu.main,
menu);

30.

return

true

;

31.

}

32.

33.

}

运行程序结果如下：



ListView是用于显示大量数据的，这些数据我们可以事先准备好，也可以从网上或者数据中中读取。

android.R.layout.simple_list_item_1是作为ListView子项布局的id，这是android内置的布局文件里面只有一个TextView，可用于简单地显示一段文本。

2.定制ListView的界面

首先准备一组图片，分别对应上面提供的水果。

接着定义一个实体类，作为ListView适配器的适配类型，新建Fruit类，代码如下：

view
sourceprint?

01.

package

com.wj.listviewtest;

02.

03.

public

class

Fruit
{

04.

05.

private

String
name;

//水果名

06.

private

int

imageId;

//水果图片的资源id

07.

08.

//无参构造函数

09.

public

Fruit(){}

10.

//有参构造函数

11.

public

Fruit(String
name,

int

imageId){

12.

this

.name=name;

13.

this

.imageId=imageId;

14.

}

15.

16.

public

String
getName() {

17.

return

name;

18.

}

19.

public

void

setName(String
name) {

20.

this

.name
= name;

21.

}

22.

public

int

getImageId()
{

23.

return

imageId;

24.

}

25.

public

void

setImageId(

int

imageId)
{

26.

this

.imageId
= imageId;

27.

}

28.

29.

}

Fruit类中只有2个字段，name表示水果的名字，imageId表示水果对应图片的资源id，然后需要为ListView的子项指定一个我们自定义的布局，在layout目录下面新建fruit_item.xml代码如下：

view
sourceprint?

01.

<?xml
version=

"1.0"

encoding=

"utf-8"

?>

02.

<LinearLayout
xmlns:android=

"http://schemas.android.com/apk/res/android"

03.

android:layout_width=

"match_parent"

04.

android:layout_height=

"match_parent"

05.

>

06.

<ImageView

07.

android:id=

"@+id/fruit_image"

08.

android:layout_width=

"wrap_content"

09.

android:layout_height=

"wrap_content"

10.

/>

11.

12.

<TextView

13.

android:id=

"@+id/fruit_name"

14.

android:layout_width=

"wrap_content"

15.

android:layout_height=

"wrap_content"

16.

android:layout_gravity=

"center"

17.

android:layout_marginLeft=

"10dip"

18.

/>

19.

20.

</LinearLayout>

这个布局中我们定义了一个ImageView用于显示水果的图片，又定义了一个TextView用于显示水果的名称。

接着我们要创建一个自定义的适配器，这个适配器继承自ArrayAdapter，并将泛型指定为Fruit。新建一个类FruitAdapter代码如下：

view
sourceprint?

01.

package

com.wj.listviewtest;

02.

03.

import

java.util.List;

04.

05.

import

android.content.Context;

06.

import

android.view.LayoutInflater;

07.

import

android.view.View;

08.

import

android.view.ViewGroup;

09.

import

android.widget.ArrayAdapter;

10.

import

android.widget.ImageView;

11.

import

android.widget.TextView;

12.

13.

public

class

FruitAdapter

extends

ArrayAdapter<Fruit>
{

14.

15.

private

int

resourceId;

16.

public

FruitAdapter(Context
context,

int

textViewResourceId,

17.

List<Fruit>
objects) {

18.

super

(context,
textViewResourceId, objects);

19.

//
TODO Auto-generated constructor stub

20.

/*

21.

*
重写了父类的构造函数，用于将上下文，ListView子项布局的id和数据都传进来。

22.

*
*/

23.

resourceId=textViewResourceId;

24.

}

25.

@Override

26.

public

View
getView(

int

position,
View convertView, ViewGroup parent) {

27.

//
TODO Auto-generated method stub

28.

//return
super.getView(position, convertView, parent);

29.

/*

30.

*
重写getView方法，这个方法在每个子项被滚动到屏幕内的时候会被调用，在getView方法中

31.

*
，首先通过getItem方法得到当前项的Fruit实例，然后使用LayoutInflater来为这个子项加载

32.

*
我们传入的布局，接着调用View的findViewById方法分别获取到ImageView和TextView的实例，

33.

*
并分别调用他们的setImageResource和setText方法来设置显示的图片和文字，最后返回布局

34.

*
*/

35.

Fruit
fruit=getItem(position);

//获取当前项的Fruit实例

36.

//初始话ListView的子项布局

37.

View
view=LayoutInflater.from(getContext()).inflate(resourceId,

null

);

38.

ImageView
fruitImage=(ImageView) view.findViewById(R.id.fruit_image);

39.

TextView
fruitName=(TextView) view.findViewById(R.id.fruit_name);

40.

fruitImage.setImageResource(fruit.getImageId());

41.

fruitName.setText(fruit.getName());

42.

return

view;

43.

}

44.

45.

46.

47.

48.

}

修改MainActivity的代码如下：

view
sourceprint?

01.

package

com.wj.listviewtest;

02.

03.

import

java.util.ArrayList;

04.

import

java.util.List;

05.

06.

import

android.app.Activity;

07.

import

android.os.Bundle;

08.

import

android.view.Menu;

09.

import

android.widget.ArrayAdapter;

10.

import

android.widget.ListView;

11.

12.

public

class

MainActivity

extends

Activity
{

13.

14.

/*private
String [] data={"apple","banana","orange",

15.

"watermelon","pear","grape","pineapple","strawberry",

16.

"cherry","mango"};*/

17.

private

List<Fruit>
fruitList=

new

ArrayList<Fruit>();

18.

@Override

19.

protected

void

onCreate(Bundle
savedInstanceState) {

20.

super

.onCreate(savedInstanceState);

21.

setContentView(R.layout.activity_main);

22.

/*//创建适配器

23.

ArrayAdapter<String>
adapter=new ArrayAdapter<String>(

24.

MainActivity.this,android.R.layout.simple_list_item_1,

25.

data);

26.

ListView
listView=(ListView) findViewById(R.id.list_view);

27.

listView.setAdapter(adapter);*/

28.

initFruits();

//初始化水果

29.

FruitAdapter
adapter=

new

FruitAdapter(MainActivity.

this

,

30.

R.layout.fruit_item,
fruitList);

31.

ListView
listView=(ListView) findViewById(R.id.list_view);

32.

//设置适配器

33.

listView.setAdapter(adapter);

34.

35.

}

36.

37.

@Override

38.

public

boolean

onCreateOptionsMenu(Menu
menu) {

39.

//
Inflate the menu; this adds items to the action bar if it is present.

40.

getMenuInflater().inflate(R.menu.main,
menu);

41.

return

true

;

42.

}

43.

44.

public

void

initFruits(){

45.

Fruit
apple=

new

Fruit(

"apple"

,R.drawable.apple_pic);

46.

fruitList.add(apple);

47.

Fruit
banana=

new

Fruit(

"banana"

,R.drawable.banana_pic);

48.

fruitList.add(banana);

49.

Fruit
orange=

new

Fruit(

"orange"

,R.drawable.orange_pic);

50.

fruitList.add(orange);

51.

Fruit
watermelon=

new

Fruit(

"watermelon"

,R.drawable.watermelon_pic);

52.

fruitList.add(watermelon);

53.

Fruit
pear=

new

Fruit(

"pear"

,R.drawable.pear_pic);

54.

fruitList.add(pear);

55.

Fruit
grape=

new

Fruit(

"grape"

,R.drawable.grape_pic);

56.

fruitList.add(grape);

57.

Fruit
pineapple=

new

Fruit(

"pineapple"

,R.drawable.pineapple_pic);

58.

fruitList.add(pineapple);

59.

Fruit
strawberry=

new

Fruit(

"strawberry"

,R.drawable.strawberry_pic);

60.

fruitList.add(strawberry);

61.

Fruit
cherry=

new

Fruit(

"cherry"

,R.drawable.cherry_pic);

62.

fruitList.add(cherry);

63.

Fruit
mango=

new

Fruit(

"mango"

,R.drawable.mango_pic);

64.

fruitList.add(mango);

65.

}

66.

67.

68.

69.

}

运行程序，结果如下：



这是一个简单的界面，不过更加复杂的界面也可以通过修改fruit_item.xml文件来实现更加复杂的ListView。

下面我们来提示下ListView的运行效率。

目前我们的ListView的运行效率是很低的，因为在FruitAdapter的getView方法中每次都要将布局重写加载了一遍，当ListView快速滚动的时候这就会成为性能的瓶颈。仔细观察，getView方法中还有一个convertView参数，这个参数用于将之前加载好的布局进行缓存，以便之后可以进行重用，修改FruitAdapter中的代码，带入如下所示：

view
sourceprint?

01.

@Override

02.

public

View
getView(

int

position,
View convertView, ViewGroup parent) {

03.

//
TODO Auto-generated method stub

04.

//return
super.getView(position, convertView, parent);

05.

/*

06.

*
重写getView方法，这个方法在每个子项被滚动到屏幕内的时候会被调用，在getView方法中

07.

*
，首先通过getItem方法得到当前项的Fruit实例，然后使用LayoutInflater来为这个子项加载

08.

*
我们传入的布局，接着调用View的findViewById方法分别获取到ImageView和TextView的实例，

09.

*
并分别调用他们的setImageResource和setText方法来设置显示的图片和文字，最后返回布局

10.

*
*/

11.

Fruit
fruit=getItem(position);

//获取当前项的Fruit实例

12.

View
view;

13.

/*

14.

*
在getView()方法中进行判断，如果convertView为空，则使用LayoutInflater去加载布局，

15.

*
如果不为空，则直接对convertView进行重用。这样可以大大提升ListView的效率，在快速滚动的时候

16.

*
也可以表现更好的性能。

17.

*
*/

18.

if

(convertView==

null

){

19.

//初始话ListView的子项布局

20.

view=LayoutInflater.from(getContext()).inflate(resourceId,

null

);

21.

}

else

{

22.

view=convertView;

23.

}

24.

/*//初始话ListView的子项布局

25.

View
view=LayoutInflater.from(getContext()).inflate(resourceId,null);*/

26.

ImageView
fruitImage=(ImageView) view.findViewById(R.id.fruit_image);

27.

TextView
fruitName=(TextView) view.findViewById(R.id.fruit_name);

28.

fruitImage.setImageResource(fruit.getImageId());

29.

fruitName.setText(fruit.getName());

30.

return

view;

31.

}

上面的代码进行了部分的优化，虽然现在已经不用在重复的去加载布局了，但是每次在getView方法中还是会调用View的view.findViewById()方法来获取一次控件的实例。我们可以借助一个ViewHolder来对这部分性能进行优化，修改FruitAdapter中的代码，如下所示：

view
sourceprint?

01.

package

com.wj.listviewtest;

02.

03.

import

java.util.List;

04.

05.

import

android.content.Context;

06.

import

android.view.LayoutInflater;

07.

import

android.view.View;

08.

import

android.view.ViewGroup;

09.

import

android.widget.ArrayAdapter;

10.

import

android.widget.ImageView;

11.

import

android.widget.TextView;

12.

13.

public

class

FruitAdapter

extends

ArrayAdapter<Fruit>
{

14.

15.

private

int

resourceId;

16.

public

FruitAdapter(Context
context,

int

textViewResourceId,

17.

List<Fruit>
objects) {

18.

super

(context,
textViewResourceId, objects);

19.

//
TODO Auto-generated constructor stub

20.

/*

21.

*
重写了父类的构造函数，用于将上下文，ListView子项布局的id和数据都传进来。

22.

*
*/

23.

resourceId=textViewResourceId;

24.

}

25.

@Override

26.

public

View
getView(

int

position,
View convertView, ViewGroup parent) {

27.

//
TODO Auto-generated method stub

28.

//return
super.getView(position, convertView, parent);

29.

/*

30.

*
重写getView方法，这个方法在每个子项被滚动到屏幕内的时候会被调用，在getView方法中

31.

*
，首先通过getItem方法得到当前项的Fruit实例，然后使用LayoutInflater来为这个子项加载

32.

*
我们传入的布局，接着调用View的findViewById方法分别获取到ImageView和TextView的实例，

33.

*
并分别调用他们的setImageResource和setText方法来设置显示的图片和文字，最后返回布局

34.

*
*/

35.

Fruit
fruit=getItem(position);

//获取当前项的Fruit实例

36.

View
view;

37.

ViewHolder
viewHolder;

38.

/*

39.

*
在getView()方法中进行判断，如果convertView为空，则使用LayoutInflater去加载布局，

40.

*
如果不为空，则直接对convertView进行重用。这样可以大大提升ListView的效率，在快速滚动的时候

41.

*
也可以表现更好的性能。

42.

*
*/

43.

if

(convertView==

null

){

44.

//初始话ListView的子项布局

45.

view=LayoutInflater.from(getContext()).inflate(resourceId,

null

);

46.

viewHolder=

new

ViewHolder();

47.

viewHolder.fruitImage=(ImageView)
view.findViewById(R.id.fruit_image);

48.

viewHolder.fruitName=(TextView)
view.findViewById(R.id.fruit_name);

49.

view.setTag(viewHolder);

//将ViewHolder存储在View中

50.

}

else

{

51.

view=convertView;

52.

viewHolder=(ViewHolder)
view.getTag();

//重新获取ViewHolder

53.

}

54.

/*//初始话ListView的子项布局

55.

View
view=LayoutInflater.from(getContext()).inflate(resourceId,null);*/

56.

/*ImageView
fruitImage=(ImageView) view.findViewById(R.id.fruit_image);

57.

TextView
fruitName=(TextView) view.findViewById(R.id.fruit_name);*/

58.

viewHolder.fruitImage.setImageResource(fruit.getImageId());

59.

viewHolder.fruitName.setText(fruit.getName());

60.

return

view;

61.

}

62.

63.

64.

class

ViewHolder{

65.

ImageView
fruitImage;

66.

TextView
fruitName;

67.

}

68.

69.

}

通过上面两步优化后，ListView的运行效率已经不错了。

ListView的点击事件

修改代码如下：

view
sourceprint?

01.

package

com.wj.listviewtest;

02.

03.

import

java.util.ArrayList;

04.

import

java.util.List;

05.

06.

import

android.app.Activity;

07.

import

android.os.Bundle;

08.

import

android.view.Menu;

09.

import

android.view.View;

10.

import

android.widget.AdapterView;

11.

import

android.widget.AdapterView.OnItemClickListener;

12.

import

android.widget.ArrayAdapter;

13.

import

android.widget.ListView;

14.

import

android.widget.Toast;

15.

16.

public

class

MainActivity

extends

Activity
{

17.

18.

/*private
String [] data={"apple","banana","orange",

19.

"watermelon","pear","grape","pineapple","strawberry",

20.

"cherry","mango"};*/

21.

private

List<Fruit>
fruitList=

new

ArrayList<Fruit>();

22.

@Override

23.

protected

void

onCreate(Bundle
savedInstanceState) {

24.

super

.onCreate(savedInstanceState);

25.

setContentView(R.layout.activity_main);

26.

/*//创建适配器

27.

ArrayAdapter<String>
adapter=new ArrayAdapter<String>(

28.

MainActivity.this,android.R.layout.simple_list_item_1,

29.

data);

30.

ListView
listView=(ListView) findViewById(R.id.list_view);

31.

listView.setAdapter(adapter);*/

32.

initFruits();

//初始化水果

33.

FruitAdapter
adapter=

new

FruitAdapter(MainActivity.

this

,

34.

R.layout.fruit_item,
fruitList);

35.

ListView
listView=(ListView) findViewById(R.id.list_view);

36.

//设置适配器

37.

listView.setAdapter(adapter);

38.

/*

39.

*
setOnItemClickListener()方法来为ListView注册一个监听器，当用户点击了ListView

40.

*
中的任何一个子项时就会回调nItemClick()方法，在这个方法中可以通过position参数判断出用户点击

41.

*
的是哪一个子项，然后获取相应的水果，并通过Toast将水果的名字显示出来。

42.

*
*/

43.

listView.setOnItemClickListener(

new

OnItemClickListener(){

44.

45.

@Override

46.

public

void

onItemClick(AdapterView<?>
parent, View view,

int

position,

47.

long

id)
{

48.

//
TODO Auto-generated method stub

49.

Fruit
fruit=fruitList.get(position);

50.

Toast.makeText(MainActivity.

this

,

51.

fruit.getName(),
Toast.LENGTH_SHORT).show();

52.

53.

}

54.

55.

});

56.

}

57.

58.

@Override

59.

public

boolean

onCreateOptionsMenu(Menu
menu) {

60.

//
Inflate the menu; this adds items to the action bar if it is present.

61.

getMenuInflater().inflate(R.menu.main,
menu);

62.

return

true

;

63.

}

64.

65.

public

void

initFruits(){

66.

Fruit
apple=

new

Fruit(

"apple"

,R.drawable.apple_pic);

67.

fruitList.add(apple);

68.

Fruit
banana=

new

Fruit(

"banana"

,R.drawable.banana_pic);

69.

fruitList.add(banana);

70.

Fruit
orange=

new

Fruit(

"orange"

,R.drawable.orange_pic);

71.

fruitList.add(orange);

72.

Fruit
watermelon=

new

Fruit(

"watermelon"

,R.drawable.watermelon_pic);

73.

fruitList.add(watermelon);

74.

Fruit
pear=

new

Fruit(

"pear"

,R.drawable.pear_pic);

75.

fruitList.add(pear);

76.

Fruit
grape=

new

Fruit(

"grape"

,R.drawable.grape_pic);

77.

fruitList.add(grape);

78.

Fruit
pineapple=

new

Fruit(

"pineapple"

,R.drawable.pineapple_pic);

79.

fruitList.add(pineapple);

80.

Fruit
strawberry=

new

Fruit(

"strawberry"

,R.drawable.strawberry_pic);

81.

fruitList.add(strawberry);

82.

Fruit
cherry=

new

Fruit(

"cherry"

,R.drawable.cherry_pic);

83.

fruitList.add(cherry);

84.

Fruit
mango=

new

Fruit(

"mango"

,R.drawable.mango_pic);

85.

fruitList.add(mango);

86.

}

87.

88.

89.

90.

}

运行结果如下；



好了ListView的使用就总结到这里了。

单位和尺寸

px是像素的意思，即屏幕中可以显示的最小单位，我们应用里任何可见的东西都是由一个个像素点组成的。

pt是磅数的意思，1磅等于1/72英寸，一般pt都会作为字体的单位来使用。

dp是密度无关的像素的意思，也被称作为dip，和px相比，它在不同密度的屏幕中的显示比例保持一致。

sp是可伸缩像素的意思，它采用了和dp同样的设计理念，解决了文字大小的适配问题。

android中的密度就是屏幕每英寸所包含的像素数，通常以dpi为单位。

根据android的规定，在160dpi的屏幕上，1dp等于1px，而在320dpi的屏幕上，1dp就等于2px。因此，使用dp来指定控件的宽和高，就可以保证控件在不同密度的屏幕中的显示比例保存一致。所以dp可以理解为显示比例（像素除以英寸）

在编写android程序的时候，尽量将控件或布局的大小指定成match_parent或wrap_content,如果必须要指定一个固定的值，则使用dp来作为单位，指定文字的大小的时候使用sp。