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={"apple","banana","orange",
			"watermelon","pear","grape","pineapple","strawberry",
			"cherry","mango"};
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		//创建适配器
		ArrayAdapter<String> adapter=new ArrayAdapter<String>(
				MainActivity.this,android.R.layout.simple_list_item_1,
				data);
		ListView listView=(ListView) findViewById(R.id.list_view);
		listView.setAdapter(adapter);
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

}

运行程序结果如下：

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={"apple","banana","orange",
			"watermelon","pear","grape","pineapple","strawberry",
			"cherry","mango"};*/
	private List<Fruit> fruitList=new ArrayList<Fruit>();
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		/*//创建适配器
		ArrayAdapter<String> adapter=new ArrayAdapter<String>(
				MainActivity.this,android.R.layout.simple_list_item_1,
				data);
		ListView listView=(ListView) findViewById(R.id.list_view);
		listView.setAdapter(adapter);*/
		initFruits();//初始化水果
		FruitAdapter adapter=new FruitAdapter(MainActivity.this,
				R.layout.fruit_item, fruitList);
		ListView listView=(ListView) findViewById(R.id.list_view);
		//设置适配器
		listView.setAdapter(adapter);

	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

	public void initFruits(){
		Fruit apple=new Fruit("apple",R.drawable.apple_pic);
		fruitList.add(apple);
		Fruit banana=new Fruit("banana",R.drawable.banana_pic);
		fruitList.add(banana);
		Fruit orange=new Fruit("orange",R.drawable.orange_pic);
		fruitList.add(orange);
		Fruit watermelon=new Fruit("watermelon",R.drawable.watermelon_pic);
		fruitList.add(watermelon);
		Fruit pear=new Fruit("pear",R.drawable.pear_pic);
		fruitList.add(pear);
		Fruit grape=new Fruit("grape",R.drawable.grape_pic);
		fruitList.add(grape);
		Fruit pineapple=new Fruit("pineapple",R.drawable.pineapple_pic);
		fruitList.add(pineapple);
		Fruit strawberry=new Fruit("strawberry",R.drawable.strawberry_pic);
		fruitList.add(strawberry);
		Fruit cherry=new Fruit("cherry",R.drawable.cherry_pic);
		fruitList.add(cherry);
		Fruit mango=new Fruit("mango",R.drawable.mango_pic);
		fruitList.add(mango);
	}

}

运行程序，结果如下：

这是一个简单的界面，不过更加复杂的界面也可以通过修改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={"apple","banana","orange",
			"watermelon","pear","grape","pineapple","strawberry",
			"cherry","mango"};*/
	private List<Fruit> fruitList=new ArrayList<Fruit>();
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		/*//创建适配器
		ArrayAdapter<String> adapter=new ArrayAdapter<String>(
				MainActivity.this,android.R.layout.simple_list_item_1,
				data);
		ListView listView=(ListView) findViewById(R.id.list_view);
		listView.setAdapter(adapter);*/
		initFruits();//初始化水果
		FruitAdapter adapter=new FruitAdapter(MainActivity.this,
				R.layout.fruit_item, fruitList);
		ListView listView=(ListView) findViewById(R.id.list_view);
		//设置适配器
		listView.setAdapter(adapter);
		/*
		 * setOnItemClickListener()方法来为ListView注册一个监听器，当用户点击了ListView
		 * 中的任何一个子项时就会回调nItemClick()方法，在这个方法中可以通过position参数判断出用户点击
		 * 的是哪一个子项，然后获取相应的水果，并通过Toast将水果的名字显示出来。
		 * */
		listView.setOnItemClickListener(new OnItemClickListener(){

			@Override
			public void onItemClick(AdapterView<?> parent, View view, int position,
					long id) {
				// TODO Auto-generated method stub
				Fruit fruit=fruitList.get(position);
				Toast.makeText(MainActivity.this,
						fruit.getName(), Toast.LENGTH_SHORT).show();

			}

		});
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

	public void initFruits(){
		Fruit apple=new Fruit("apple",R.drawable.apple_pic);
		fruitList.add(apple);
		Fruit banana=new Fruit("banana",R.drawable.banana_pic);
		fruitList.add(banana);
		Fruit orange=new Fruit("orange",R.drawable.orange_pic);
		fruitList.add(orange);
		Fruit watermelon=new Fruit("watermelon",R.drawable.watermelon_pic);
		fruitList.add(watermelon);
		Fruit pear=new Fruit("pear",R.drawable.pear_pic);
		fruitList.add(pear);
		Fruit grape=new Fruit("grape",R.drawable.grape_pic);
		fruitList.add(grape);
		Fruit pineapple=new Fruit("pineapple",R.drawable.pineapple_pic);
		fruitList.add(pineapple);
		Fruit strawberry=new Fruit("strawberry",R.drawable.strawberry_pic);
		fruitList.add(strawberry);
		Fruit cherry=new Fruit("cherry",R.drawable.cherry_pic);
		fruitList.add(cherry);
		Fruit mango=new Fruit("mango",R.drawable.mango_pic);
		fruitList.add(mango);
	}

}

运行结果如下；

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

时间： 2024-11-01 06:46:14

android学习八（ListView的高级使用）的相关文章

[Android学习笔记]ListView中含有Button导致无法响应onItemClick回调的解决办法

转自:http://www.cnblogs.com/eyu8874521/archive/2012/10/17/2727882.html 问题描述: 当ListView的Item中的控件只是一些展示类控件时(比如TextView),注册ListView的监听setOnItemClickListener之后,当点击Item时候会触发onItemClick回调. 但是,当Item中存在Button(继承于Button)的控件时,onItemClick回调不会被触发. 解决方案: 在Item的布局文件

Android学习之listview的下拉刷新、上拉载入

本例是在上例的基础上完成的.本例实现的listview上拉载入.下拉刷新功能,是在开源网站上别人写好的listview,主要是对listview的控件进行重写,添加了footer和header. 1.listview_footer listview_footer是listview的底部. 1 <?xml version="1.0" encoding="utf-8"?> 2 <LinearLayout xmlns:android="http

android学习之ListView如何使用

                                  2014-08-31 标签:数据源 listview android 移动开发 ListActivity ListView是Android一系列组件之一,它以垂直列表的方式列出所需的列表项.实现方式有两种:  * 第一种:使用ListView组件  * 第二种:当前的Activity继承ListActivity ListView是需要绑定数据源的----->ArrayAdapter.SimpleAdapter.SimpleCur

Android学习之——ListView

背景知识 ListView在Android应用中使用非常广泛,手机上必备的微博.网易新闻等,都使用了ListView.                    定义 ListView是一个展示可滚动项的列表的视图集合(View Group).通过适配器(Adapter)从内容源(例如一个数组或数据库查询)取得内容 然后将每个项转化为呈现在列表中的View,列表项自动地被插入到列表中. Demo ListView的实现过程: 准备数据---->使用动态数组保存数据----->构建Adapter(适

Android学习笔记ListView

在手机实际应用中,我们常常需要列表来显示我们的信息,比如我们的联系人列表,短信信息列表等.在Android中通过ListView来实现. ListView 的XML属性 属性名称 描述 android:choiceMode 规定此ListView所使用的选择模式.缺省状态下,list没有选择模式.属性值必须设置为下列常量之一: none,值为0,表示无选择模式: singlechoice,值为1,表示最多可以有一项被选中: multichoice,值为2,表示可以多项被选中. android:d

Android学习笔记——ListView

该工程的功能是实现在一个activity中显示一个表格 以下代码是MainActivity.java中的代码 package com.example.listview; import java.util.ArrayList; import java.util.HashMap; import android.app.ListActivity; import android.os.Bundle; import android.view.Menu; import android.view.MenuIt

Android学习—解决ListView部分内容被Tabhost遮盖问题

问题:tabhost固定在底部,某个tab中存在Listview,运行起来后发现如果listview中的列表内容比较多(超过一屏时),就会出现部分内容被tabhost遮盖了. 原Listview布局文件 <ListView         android:id="@+id/listBudgetSet"         android:layout_width="match_parent"         android:layout_height="

Android学习之——ListView下拉刷新

背景知识 ListView使用非常广泛,对于使用ListView的应用来说,下拉刷新是必不可少要实现的功能. 我们常用的微博.网易新闻,搜狐新闻都使用了这一功能,如下图所示.     微博 搜狐新闻 具体学习: 首先分析下拉刷新的具体操作过程: 用户手指在ListView上按下并往下拉----->出现一个提示的View在ListView顶部----->ListView内容更新,顶部的提示View消失    具体实现步骤:    1.创建继承自ListView的RefreshListView,并

Android学习八：获取网络图片

看到QQ群里有个朋友说加载图片内存溢出的问题,所以就按照自己的想法试试的.但是按照他的方法,不知道为何没有发生内存溢出,不知道什么情况. 写这篇文章主要有三个目的: 1.多线程的学习 2.图片加载的学习 3.编程练手 好了,上代码 package org.tonny; import java.io.IOException; import java.io.InputStream; import java.net.HttpURLConnection; import java.net.Malforme