首页 > 代码库 > android学习八(ListView的高级使用)

android学习八(ListView的高级使用)

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

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

ListView的简单使用

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

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
     >

    <ListView 
        android:id="@+id/list_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        ></ListView>

</LinearLayout>


修改MainActivity的代码:

package com.wj.listviewtest;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class MainActivity extends Activity {

	private String [] data=http://www.mamicode.com/{"apple","banana","orange",>

运行程序结果如下:



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

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


2.定制ListView的界面

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

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

package com.wj.listviewtest;

public class Fruit {

	private String name;//水果名
	private int imageId;//水果图片的资源id
	
	//无参构造函数
	public Fruit(){}
	//有参构造函数
	public Fruit(String name,int imageId){
		this.name=name;
		this.imageId=imageId;
	}
	
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public int getImageId() {
		return imageId;
	}
	public void setImageId(int imageId) {
		this.imageId = imageId;
	}
	
}

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

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
    <ImageView 
        android:id="@+id/fruit_image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />

    <TextView 
        android:id="@+id/fruit_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginLeft="10dip"
        />
    
</LinearLayout>


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

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

package com.wj.listviewtest;

import java.util.List;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;

public class FruitAdapter extends ArrayAdapter<Fruit> {

	private int resourceId;
	public FruitAdapter(Context context, int textViewResourceId,
			List<Fruit> objects) {
		super(context, textViewResourceId, objects);
		// TODO Auto-generated constructor stub
		/*
		 * 重写了父类的构造函数,用于将上下文,ListView子项布局的id和数据都传进来。
		 * */
		resourceId=textViewResourceId;
	}
	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		// TODO Auto-generated method stub
		//return super.getView(position, convertView, parent);
		/*
		 * 重写getView方法,这个方法在每个子项被滚动到屏幕内的时候会被调用,在getView方法中
		 * ,首先通过getItem方法得到当前项的Fruit实例,然后使用LayoutInflater来为这个子项加载
		 * 我们传入的布局,接着调用View的findViewById方法分别获取到ImageView和TextView的实例,
		 * 并分别调用他们的setImageResource和setText方法来设置显示的图片和文字,最后返回布局
		 * */
		Fruit fruit=getItem(position);//获取当前项的Fruit实例
		//初始话ListView的子项布局
		View view=LayoutInflater.from(getContext()).inflate(resourceId, null);
		ImageView fruitImage=(ImageView) view.findViewById(R.id.fruit_image);
		TextView fruitName=(TextView) view.findViewById(R.id.fruit_name);
		fruitImage.setImageResource(fruit.getImageId());
		fruitName.setText(fruit.getName());
		return view;
	}
	
	
	

}

修改MainActivity的代码如下:

package com.wj.listviewtest;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class MainActivity extends Activity {

	/*private String [] data=http://www.mamicode.com/{"apple","banana","orange",>
运行程序,结果如下:



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



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

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

@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		// TODO Auto-generated method stub
		//return super.getView(position, convertView, parent);
		/*
		 * 重写getView方法,这个方法在每个子项被滚动到屏幕内的时候会被调用,在getView方法中
		 * ,首先通过getItem方法得到当前项的Fruit实例,然后使用LayoutInflater来为这个子项加载
		 * 我们传入的布局,接着调用View的findViewById方法分别获取到ImageView和TextView的实例,
		 * 并分别调用他们的setImageResource和setText方法来设置显示的图片和文字,最后返回布局
		 * */
		Fruit fruit=getItem(position);//获取当前项的Fruit实例
		View view;
		/*
		 * 在getView()方法中进行判断,如果convertView为空,则使用LayoutInflater去加载布局,
		 * 如果不为空,则直接对convertView进行重用。这样可以大大提升ListView的效率,在快速滚动的时候
		 * 也可以表现更好的性能。
		 * */
		if(convertView==null){
			//初始话ListView的子项布局
			view=LayoutInflater.from(getContext()).inflate(resourceId, null);
		}else{
			view=convertView;
		}
		/*//初始话ListView的子项布局
		View view=LayoutInflater.from(getContext()).inflate(resourceId, null);*/
		ImageView fruitImage=(ImageView) view.findViewById(R.id.fruit_image);
		TextView fruitName=(TextView) view.findViewById(R.id.fruit_name);
		fruitImage.setImageResource(fruit.getImageId());
		fruitName.setText(fruit.getName());
		return view;
	}

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

package com.wj.listviewtest;

import java.util.List;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;

public class FruitAdapter extends ArrayAdapter<Fruit> {

	private int resourceId;
	public FruitAdapter(Context context, int textViewResourceId,
			List<Fruit> objects) {
		super(context, textViewResourceId, objects);
		// TODO Auto-generated constructor stub
		/*
		 * 重写了父类的构造函数,用于将上下文,ListView子项布局的id和数据都传进来。
		 * */
		resourceId=textViewResourceId;
	}
	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		// TODO Auto-generated method stub
		//return super.getView(position, convertView, parent);
		/*
		 * 重写getView方法,这个方法在每个子项被滚动到屏幕内的时候会被调用,在getView方法中
		 * ,首先通过getItem方法得到当前项的Fruit实例,然后使用LayoutInflater来为这个子项加载
		 * 我们传入的布局,接着调用View的findViewById方法分别获取到ImageView和TextView的实例,
		 * 并分别调用他们的setImageResource和setText方法来设置显示的图片和文字,最后返回布局
		 * */
		Fruit fruit=getItem(position);//获取当前项的Fruit实例
		View view;
		ViewHolder viewHolder;
		/*
		 * 在getView()方法中进行判断,如果convertView为空,则使用LayoutInflater去加载布局,
		 * 如果不为空,则直接对convertView进行重用。这样可以大大提升ListView的效率,在快速滚动的时候
		 * 也可以表现更好的性能。
		 * */
		if(convertView==null){
			//初始话ListView的子项布局
			view=LayoutInflater.from(getContext()).inflate(resourceId, null);
		    viewHolder=new ViewHolder();
		    viewHolder.fruitImage=(ImageView) view.findViewById(R.id.fruit_image);
		    viewHolder.fruitName=(TextView) view.findViewById(R.id.fruit_name);
		    view.setTag(viewHolder);//将ViewHolder存储在View中
		}else{
			view=convertView;
			viewHolder=(ViewHolder) view.getTag();//重新获取ViewHolder
		}
		/*//初始话ListView的子项布局
		View view=LayoutInflater.from(getContext()).inflate(resourceId, null);*/
		/*ImageView fruitImage=(ImageView) view.findViewById(R.id.fruit_image);
		TextView fruitName=(TextView) view.findViewById(R.id.fruit_name);*/
		viewHolder.fruitImage.setImageResource(fruit.getImageId());
		viewHolder.fruitName.setText(fruit.getName());
		return view;
	}
	
	
	class ViewHolder{
		ImageView fruitImage;
		TextView  fruitName;
	}

}

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


ListView的点击事件

修改代码如下:

package com.wj.listviewtest;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.Toast;

public class MainActivity extends Activity {

	/*private String [] data=http://www.mamicode.com/{"apple","banana","orange",>

运行结果如下;



好了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。

转载请注明来着:http://blog.csdn.net/j903829182/article/details/40683293


android学习八(ListView的高级使用)