Android开发：ListView常用技巧

ListView是AdapterView的派生类，AdapterView是ViewGroup的派生类。

ListView将需要显示的内容，放在一个可以垂直滚动的列表中进行显示。而要显示的内容是由和ListView 相关联的ListAdapter指定的。通常是ArrayAdapter或者CursorAdapter，这两者都是ListAdapter 的派生类。

因此ArrayAdapter和CursorAdapter就是ListView的数据源。通常情况下，他们的主要区别是：a.ArrayAdapter用于指定数组中的数据，而CursorAdapter用于指定一个Cursor对象中的数据

(比如从数据库中查询得到的结果)

b.ArrayAdapter用于适合指定只有一列的数据，而CursorAdapter适合指定由多列的数据，但这点

并不是很严格，也就是说ArrayAdapter也可以用于多列数据，CursorAdapter也可以用于显示单列数据。

下面我们用实际的例子来说明。

第一个例子：

最简单的ListView用法。

1.创建一个Android Project，修改其main.xml，使之如下：

Android:id="@+id/linearlayout"

Android:orientation="vertical"

Android:layout_width="fill_parent"

Android:layout_height="fill_parent"

>

Android:id="@+id/listview"

Android:layout_width="wrap_content"

Android:layout_height="wrap_content"

/>

2.修改Activity所对应的代码，使之如下：

package com.pat.gui;

import Android.app.Activity;

import Android.os.Bundle;

import Android.view.View;

import Android.widget.AdapterView;

import Android.widget.ArrayAdapter;

import Android.widget.ListView;

import Android.widget.TextView;

import Android.widget.Toast;

import Android.widget.AdapterView.OnItemClickListener;

public class ControlListView extends Activity

implements

OnItemClickListener

{

//声明一个ListView对象

private ListView listview;

//定义一个String数组，用以代表各种不同的手机操作系统

private String os[]={"Android","iOS","Windows Phone","Symbian",

"BlackBerry","PalmOS","OPhone","Others..."};

@Override

public void onCreate(Bundle savedInstanceState)

{

super.onCreate(savedInstanceState);

setContentView(https://www.360docs.net/doc/3014157800.html,yout.main);

//获得ListView对象

listview=(ListView)this.findViewById(R.id.listview);

//定义一个ArrayAdapter对象，ArrayAdapter有多个构造方法重载，其中下面用到的构造方法原型为：

//public ArrayAdapter(Context context,int textViewResourceId,T[]objects)

//context The current context.

//textViewResourceId The resource ID for a layout file containing a TextView to use //when instantiating views.

//objects The objects to represent in the ListView.

ArrayAdapteradapter=new ArrayAdapter(this,https://www.360docs.net/doc/3014157800.html,yout.

simple_list_item_1,os);

//https://www.360docs.net/doc/3014157800.html,yout.simple_list_item_1是Android预先定义好的，我们自己也可以另外定义

listview.setAdapter(adapter);//将adapter和listview关联起来

listview.setOnItemClickListener(this);//为listview设置OnItemClickListener }

//@Override

public void onItemClick(AdapterViewparent,View view,int position,long id)

//parent The AdapterView where the click happened.

//view The view within the AdapterView that was clicked(this will be a view provided by the adapter)

//position The position of the view in the adapter.

//id The row id of the item that was clicked.

{

Toast.makeText(this,

"/""+((TextView)view).getText().toString()+"/".It's position is "+position,

Toast.LENGTH_SHORT).show();

}

}

运行结果如下：

上面的ListView可以上下滚动。

点击Symbian，则会出现：

第二个例子：

自定义显示ListView中每行的layout，同时显示图片和文字。

1.在res/layout中，创建一个用于显示ListView条目的layout文件：rowlayout.xml，使之如下：

xmlns:Android="https://www.360docs.net/doc/3014157800.html,/apk/res/android"

Android:layout_width="wrap_content"

Android:layout_height="wrap_content"

Android:orientation="horizontal">

Android:id="@+id/row_icon"

Android:layout_width="60px"

Android:layout_height="80px"

Android:src="@drawable/icon"

/>

Android:id="@+id/row_text"

Android:layout_width="wrap_content"

Android:layout_height="80px"

Android:textSize="30px"

Android:textColor="#0F0"

Android:gravity="center_vertical"

/>

其中的ImageView用于显示图片，TextView用于显示文字。

2.修改Activity所对应的代码，使之如下：

package com.pat.gui;

import Android.app.Activity;

import Android.os.Bundle;

import Android.view.View;

import Android.widget.AdapterView;

import Android.widget.ArrayAdapter;

import Android.widget.ListView;

import Android.widget.TextView;

import Android.widget.Toast;

import Android.widget.AdapterView.OnItemClickListener;

public class ControlListView extends Activity

implements

OnItemClickListener

{

//声明一个ListView对象

private ListView listview;

//定义一个代表手机操作系统的String数组

String[]os=

{

"Android",

"iOS",

"Windows Phone",

"Symbian",

"BlackBerry",

"PalmOS",

"OPhone",

"Other"

};

@Override

public void onCreate(Bundle savedInstanceState)

{

super.onCreate(savedInstanceState);

setContentView(https://www.360docs.net/doc/3014157800.html,yout.main);

//获得ListView对象

listview=(ListView)this.findViewById(R.id.listview);

//定义一个ArrayAdapter对象，ArrayAdapter有多个构造方法重载，其中下面用到的构造方法原型为：

//public ArrayAdapter(Context context,int resource,int textViewResourceId,T[]objects)

//context The current context.

//resource The resource ID for a layout file containing a layout to use when instantiating views.

//textViewResourceId The id of the TextView within the layout resource to be populated

//objects The objects to represent in the ListView.

ArrayAdapteradapter=new ArrayAdapter(this,https://www.360docs.net/doc/3014157800.html,yout.rowlayout,R.id. row_text,os);

listview.setAdapter(adapter);//将adapter和listview关联起来

listview.setOnItemClickListener(this);//为listview设置OnItemClickListener }

//@Override

public void onItemClick(AdapterViewparent,View view,int position,long id)

//parent The AdapterView where the click happened.

//view The view within the AdapterView that was clicked(this will be a view provided by the adapter)

//position The position of the view in the adapter.

//id The row id of the item that was clicked.

{

//此处接收到的view，就是我们在rowlayout.xml中定义的LinearLayout，

//下面的语句用以获取其中的TextView(ID为row_text)

TextView tv=(TextView)view.findViewById(R.id.row_text);

Toast.makeText(this,"/""+tv.getText().toString()+"/".It's position is"+position,

Toast.LENGTH_SHORT).show();

}

}

运行结果：

点击Android，得到：

在这个例子中，我们发现所有的图片都是一样的，要想图片和文字都不一样，请参考第三个例子。

第三个例子：

自定义Adapter，以控制如何显示ListView中的条目

1.首先我们把各种手机操作系统的logo，拷贝到项目的res/drawable-mdpi中

他们对应的文件名分别为：Android.png,ios.png,wp.png,symbian.png,blackberry.png,palm.png, ophone.png和other.png

2.修改strings.xml，使之如下：

Hello World,ControlListView!

Android GUI18

Android

iOS

Windows Phone

Symbian

PalmOS

BlackBerry

OPhone

Other

定义了各种手机操作系统的名称

3.修改Activity所对应的代码，使之如下：

package com.pat.gui;

import Android.app.Activity;

import Android.graphics.Color;

import Android.os.Bundle;

import Android.view.Gravity;

import Android.view.View;

import Android.view.ViewGroup;

import Android.widget.AdapterView;

import Android.widget.BaseAdapter;

import Android.widget.ImageView;

import Android.widget.LinearLayout;

import Android.widget.ListView;

import Android.widget.TextView;

import Android.widget.Toast;

import Android.widget.AdapterView.OnItemClickListener;

public class ControlListView extends Activity

implements

OnItemClickListener

{

//声明一个ListView对象

private ListView listview;

//定义一个图片资源ID数组，代表各种手机操作系统的logo

private int[]drawableIDs=

{

R.drawable.Android,

R.drawable.ios,

R.drawable.wp,

R.drawable.symbian,

R.drawable.blackberry,

R.drawable.palm,

R.drawable.ophone,

R.drawable.other

};

//定义一个字符串ID数组，用以代表各种不同的手机操作系统名称，和drawableIDs有一一对应的关系

private int[]os=

{

R.string.Android,

R.string.ios,

R.string.wp,

R.string.symbian,

R.string.blackberry,

R.string.palmos,

R.string.ophone,

R.string.other

};

@Override

public void onCreate(Bundle savedInstanceState)

{

super.onCreate(savedInstanceState);

setContentView(https://www.360docs.net/doc/3014157800.html,yout.main);

//获得ListView对象

listview=(ListView)this.findViewById(R.id.listview);

//定义一个ArrayAdapter对象，ArrayAdapter有多个构造方法重载，其中下面用到的构造方法原型为：

//public ArrayAdapter(Context context,int textViewResourceId,T[]objects)

//context The current context.

//textViewResourceId The resource ID for a layout file containing a TextView to use //when instantiating views.

//objects The objects to represent in the ListView.

//ArrayAdapteradapter=new ArrayAdapter(this,

https://www.360docs.net/doc/3014157800.html,yout.simple_list_item_1,os);

//https://www.360docs.net/doc/3014157800.html,yout.simple_list_item_1是Android预先定义好的，我们自己也可以单独定义

//现在我们使用自己定义的Adapter

CustomizedAdapter adapter=new CustomizedAdapter();

listview.setAdapter(adapter);//将adapter和listview关联起来

listview.setOnItemClickListener(this);//为listview设置OnItemClickListener }

//@Override

public void onItemClick(AdapterViewparent,View view,int position,long id)

//parent The AdapterView where the click happened.

//view The view within the AdapterView that was clicked(this will be a view provided by the adapter)

//position The position of the view in the adapter.

//id The row id of the item that was clicked.

{

//方法onItemClick中传递过来的view，是CustomizedAdapter中getView 返回的一个LinearLayout对象

TextView tv=(TextView)view.findViewWithTag("tagTextView");//得到相应的TextView对象

Toast.makeText(this,

"/""+((TextView)tv).getText().toString()+"/".It's position is" +position,

Toast.LENGTH_SHORT).show();

}

//内部类：自定义的Adapter，重写getCount、getItem、getItemId和getView方法。其中的getView方法最为重要

class CustomizedAdapter extends BaseAdapter//ArrayAdapter和CursorAdapter都是BaseAdapter的派生类

{

public int getCount()

{

return drawableIDs.length;

}

public Object getItem(int position)

{

return drawableIDs[position];

}

public long getItemId(int position)

{

return position;

}

//返回一个LinearLayout对象，其中包括一个ImageView和一个TextView

public View getView(int position,View convertView,ViewGroup parent)

{

//先设定一个LinearLayout对象ll

LinearLayout ll=new LinearLayout(ControlListView.this);

//使ll的Orientation为HORIZONTAL

ll.setOrientation(LinearLayout.HORIZONTAL);

//在垂直方向居中

ll.setGravity(Gravity.CENTER_VERTICAL);

//创建一个ImageView对象

ImageView iv=new ImageView(ControlListView.this);

//指定对应position的Image

iv.setImageResource(drawableIDs[position]);

//设定ImageView对象iv的宽度为100像素，高度为50像素

iv.setLayoutParams(new https://www.360docs.net/doc/3014157800.html,youtParams(100,60));

//将iv加入到ll

ll.addView(iv);

//创建一个TextView对象

TextView tv=new TextView(ControlListView.this);

//指定对应position的Text

tv.setText(os[position]);

//设定文字大小

tv.setTextSize(26);

//设定文字颜色

if(position%2==0)

{

tv.setTextColor(Color.YELLOW);

}

else

{

tv.setTextColor(Color.GREEN);

}

//为TextView对象增加一个Tag，以便在后续的处理中，可以通过

//findViewWithTag方法来获取这个TextView对象

tv.setTag("tagTextView");

//将tv加入到ll

ll.addView(tv);

return ll;

}

}

}

运行结果如下：

点击Windows Phone，得到的结果如下：

可以看到，我们同样能够获取到所选项目的文本信息。

其他操作和第一种情况一样。

第四个例子：

在第三个例子的基础上，我们在每个ListView条目的最后增加一个CheckBox，即每一个ListView条目所包含的内容为：

ImageView、TextView和CheckBox。

我们可以通过点击每个条目最后的CheckBox，在选中相关ListView中的条目。需要注意的地方：

+除CheckBox外，不让ListView中的条目接受Click事件

+在ListView中条目比较多(比较多的意思是，比如，屏幕只能显示6个条目，而ListView中一共有8个条目，也就是说，ListView的条目数量大于屏幕可以显示的条目数量)的时候，有两个问题需要特别注意：

-因为ListView可以在垂直方向滚动，那么总有一些条目是在屏幕上看不到的，这些看不到的条目，如果你试图用ListView.GetChildAt(int position)去获取它时，你会发现得到的结果将会是null。

-要考虑到CheckBox的状态保持。比如程序开始运行后，在屏幕上显示ListView中的第0~第5个条目，第6、7两个条目在屏幕上不可见，这时候，我们点击第0个条目的CheckBox，那么这个CheckBox就会被显示为Checked的状态，然后我们将整个ListView

向下滚动到底，那么第0个条目就不可见了。如果我们再将整个ListView向上滚动到头，那么此时第0个条目又可见了，如果不做一些处理，我们将会发现，第0个条目对应的CheckBox本应该处于Checked状态，但在它重新出现时，居然自动变成了unChecked的状态。

+在这个例子中，我们采取第三个例子中自己定义一个Adapter的方式来进行相关的处理。所不同的是，在第三个例子中的CustomizedAdapter.getView，完全用代码实现返回的View及其Layout，以及其中所包含的ImageView和TextView对象，而在这个例子中，我们准备先用xml文件，定义一个xml文件，用作ListView中每个条目的View，然后再通过LayoutInflater中inflate方法，获取getView方法所需要返回的View对象。

下面开始描述具体的步骤：

1.在第三例子项目的基础上，我们在res/layout文件夹中，创建一个xml文件：

rowcheckboxlayout.xml，如下：

这个rowcheckboxlayout.xml就是ListView中每个条目所需要用的View。编辑该xml文件，使其内容如下：

xmlns:Android="https://www.360docs.net/doc/3014157800.html,/apk/res/android"

Android:id="@+id/row_checkbox_item"

Android:layout_width="fill_parent"

Android:layout_height="wrap_content"

Android:orientation="horizontal">

Android:id="@+id/row_checkbox_icon"

Android:layout_width="48px"

Android:layout_height="80px"

/>

Android:id="@+id/row_checkbox_text"

Android:layout_width="wrap_content"

Android:layout_height="wrap_content"

Android:textSize="20px"

Android:layout_toRightOf="@id/row_checkbox_icon"

Android:layout_marginLeft="8px"

Android:layout_centerVertical="true">

Android:id="@+id/row_checkbox"

Android:layout_width="wrap_content"

Android:layout_height="wrap_content"

Android:layout_marginLeft="4px"

Android:layout_marginRight="10px"

Android:layout_alignParentRight="true"

Android:layout_centerVertical="true"

>

2.定义一个用于记录ListView条目状态的POJO类：ListItemData.java，使其内容如下：package com.pat.gui;

public class ListItemData

{

private int os_id;

private int drawable_id;

private boolean selected;

public ListItemData(int os_id,int drawable_id)

{

this.os_id=os_id;

this.drawable_id=drawable_id;

selected=false;

}

public int getOs_id()

{

return os_id;

}

public void setOs_id(int osId)

{

os_id=osId;

}

public int getDrawable_id()

{

return drawable_id;

}

public void setDrawable_id(int drawableId)

{

drawable_id=drawableId;

}

public boolean isSelected()

{

return selected;

}

public void setSelected(boolean selected)

{

this.selected=selected;

}

}

3.创建一个自定义的Adapter类，这次我们将自定义的Adapter独立出来存放于另外一个Java文

件CustomizedAdapter.java中，而不是像再第三个例子那样，将CustomizedAdapter作为内部类。

编辑CustomizedAdapter.java，使之如下：

package com.pat.gui;

import java.util.List;

import Android.content.Context;

import Android.graphics.Color;

import https://www.360docs.net/doc/3014157800.html,youtInflater;

import Android.view.View;

import Android.view.ViewGroup;

import Android.widget.ArrayAdapter;

import Android.widget.CheckBox;

import https://www.360docs.net/doc/3014157800.html,poundButton;

import Android.widget.ImageView;

import Android.widget.TextView;

import Android.widget.Toast;

import https://www.360docs.net/doc/3014157800.html,poundButton.OnCheckedChangeListener;

//自定义的Adapter，重写getCount、getItem、getItemId和getView方法。其中的getView方法最为重要

class CustomizedAdapter extends ArrayAdapter

{

//声明一个LayoutFlater对象

private LayoutInflater inflater;

private Context ctx;

//声明一个List对象，其元素的数据类型为ListItemData。因此这个list对象实际上

//就是ListView对象的数据。

private final Listlist;

public CustomizedAdapter(Context ctx,Listlist)

{

super(ctx,https://www.360docs.net/doc/3014157800.html,yout.rowcheckboxlayout,list);

this.ctx=ctx;

this.list=list;

inflater=(LayoutInflater)ctx.getSystemService(Context.

LAYOUT_INFLATER_SERVICE);

}

public int getCount()

{

return list.size();

}

public ListItemData getItem(int position)

{

return list.get(position);

}

public long getItemId(int position)

{

return position;

}

//返回一个RelativeLayout对象，其中包括一个ImageView、一个TextView以及一个CheckBox

public View getView(int position,View convertView,ViewGroup parent)

{

//getView方法中的第二个参数convertView有时候可能会是null，在这样的情况下，

//我们就必须创建一个新的rowView(ListView中每一个条目需要用到的)。但是，如果

//convertView不为null的时候，它是什么呢？它实际上就是前面通过inflate方法

//得到的rowView(见下面代码)。这种情况主要发生在ListView滚动的时候：当一个

//新的条目(行)出现的时候，Android首先会试图重复使用被移除屏幕的那些条目所

//对应的rowView对象。由于每一行都有相同的结构，因此可以通过findViewById 方法

//得到rowView中各个对象，根据相关的数据改变这些对象，然后将contentView 对象

//返回，而不需要重新构建一个rowView对象。

//所以，在这里，我们先检查convertView是否为null，如果是null的，那么我们创建

//一个新的rowView，否则，我们重用convertView。这样做可以大大减少耗时和耗资源

//的inflate的调用。根据2010年Google I/O大会，这样做比每次都inflate的做法的

//性能快出150%，如果rowView包含的对象很复杂的话，快出150%也许都是低估了。

//另外，这样做，还可以节省内存。如果如下面重复利用业已存在的rowView，那么

//仅需要6个rowView对象即可(假定屏幕可以显示的行数是6)，假定每个rowView所占用的

//内存是6kB(有图像的时候，超过这个数字很容易)，那么一共需要的内存是