Android Studio——ListView的高级使用

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

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

ListView的简单使用

修改布局文件,修改后代码如下:

 

01.<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
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的代码:

 

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类,代码如下:

 

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代码如下:

 

 

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代码如下:

 

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的代码如下:

 

 

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中的代码,带入如下所示:

 

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中的代码,如下所示:

 

 

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的点击事件

修改代码如下:

 

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。

阅读更多
个人分类: Android
上一篇Android Studio——自定义ListView子项目布局
下一篇Android Studio——dp、sp
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭