Android开发之ListView

lucene3212

浏览: 138766 次
性别:
来自: 上海

最近访客更多访客>>

qq_28831817

552jun

totaltotal

zlc521lj

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

java
Android开发之ListView

Android开发之ListView java 工作

<h1>Android开发之ListView</h1>
/*
* Android开发之ListView
*
* Created on: 2011-8-7
* Author: blueeagle
* Email: liujiaxiang@gmail.com
*/

 最近在学习android开发过程中，发现有关ListView这个类的问题和处理方式的问题比较多。需要总结学习一下。
<div>
 要学习ListView，不得不学习Adapter。在学习之前，先考察类的继承关系：
ListView：

java.lang.Object
 android.view.View
 android.view.ViewGroup
 android.widget.AdapterView<T extends android.widget.Adapter>
 android.widget.AbsListView
<div>
 android.widget.ListView

Adapter：
已知间接继承的子类
<a href="http://write.blog.csdn.net/android/android-sdk_r06-windows/android-sdk-windows/docs/reference/android/widget/ArrayAdapter.html">ArrayAdapter</a><T>,<a href="http://write.blog.csdn.net/android/android-sdk_r06-windows/android-sdk-windows/docs/reference/android/widget/BaseAdapter.html">BaseAdapter</a>,<a href="http://write.blog.csdn.net/android/android-sdk_r06-windows/android-sdk-windows/docs/reference/android/widget/CursorAdapter.html">CursorAdapter</a>,<a href="http://write.blog.csdn.net/android/android-sdk_r06-windows/android-sdk-windows/docs/reference/android/widget/HeaderViewListAdapter.html">HeaderViewListAdapter</a>,
<a href="http://write.blog.csdn.net/android/android-sdk_r06-windows/android-sdk-windows/docs/reference/android/widget/ListAdapter.html">ListAdapter</a>,<a href="http://write.blog.csdn.net/android/android-sdk_r06-windows/android-sdk-windows/docs/reference/android/widget/ResourceCursorAdapter.html">ResourceCursorAdapter</a>,<a href="http://write.blog.csdn.net/android/android-sdk_r06-windows/android-sdk-windows/docs/reference/android/widget/SimpleAdapter.html">SimpleAdapter</a>,<a href="http://write.blog.csdn.net/android/android-sdk_r06-windows/android-sdk-windows/docs/reference/android/widget/SimpleCursorAdapter.html">SimpleCursorAdapter</a>,
<div>
<a href="http://write.blog.csdn.net/android/android-sdk_r06-windows/android-sdk-windows/docs/reference/android/widget/SpinnerAdapter.html">SpinnerAdapter</a>,<a href="http://write.blog.csdn.net/android/android-sdk_r06-windows/android-sdk-windows/docs/reference/android/widget/WrapperListAdapter.html">WrapperListAdapter</a>

这里我也先不说我们在开发中经常会使用到什么类型的Adapter。先给几个应用程序截图来说明已经存在的ListView的应用，并对这些已经存在的ListView做实现DEMO。
<h2>单一的ListView</h2>
<img alt="" src="http://hi.csdn.net/attachment/201108/6/0_13126561184D9y.gif">
如图所示，这种ListView不存在任何复杂的内容，每行只显示一些文字。如果没有特殊要求的话，这是最简单最实用的一种ListView。
实现这种ListView有两种方式：
第一种是：不借助XML文件来直接实现：
源码如下：
<textarea readonly name="code" class="java">/*

* Android开发之ListView

* ListViewExActivity.java

* Created on: 2011-8-7

* Author: blueeagle

* Email: liujiaxiang@gmail.com

*/

package com.blueeagle;

import java.util.ArrayList;

import android.app.Activity;

import android.os.Bundle;

import android.widget.ArrayAdapter;

import android.widget.ListView;

public class ListViewExActivity extends Activity {

 private ListView listView;

 @Override

 public void onCreate(Bundle savedInstanceState){

 super.onCreate(savedInstanceState);



 listView = new ListView(this);

 listView.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_expandable_list_item_1,getData()));

 setContentView(listView);

 }



 private ArrayList<String> getData(){

 ArrayList<String> myData = new ArrayList<String>();

 myData.add("思想决定行为 ");

 myData.add("行为形成习惯");

 myData.add("习惯决定性格");

 myData.add("性格决定命运");



 return myData;

 }

}

</textarea> 
第二种方法是借助XML文件：
源码如下：
<textarea readonly name="code" class="java">/*

* Android开发之ListView

* ListViewExActivity.java

* Created on: 2011-8-7

* Author: blueeagle

* Email: liujiaxiang@gmail.com

*/

package com.blueeagle;

import java.util.ArrayList;

import android.app.Activity;

import android.os.Bundle;

import android.widget.ArrayAdapter;

import android.widget.ListView;

public class ListViewExActivity extends Activity {

 private ListView listView;

 @Override

 public void onCreate(Bundle savedInstanceState){

 super.onCreate(savedInstanceState);

 setContentView(R.layout.myListView);

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

 listView.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_expandable_list_item_1,getData()));

 }



 private ArrayList<String> getData(){

 ArrayList<String> myData = new ArrayList<String>();

 myData.add("思想决定行为 ");

 myData.add("行为形成习惯");

 myData.add("习惯决定性格");

 myData.add("性格决定命运");



 return myData;

 }

}

</textarea> 
myListView.xml
<textarea readonly name="code" class="html"><?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

 android:orientation="vertical"

 android:layout_width="fill_parent"

 android:layout_height="fill_parent"

 >

<ListView

 android:id="@+id/myListView"

 android:layout_width="fill_parent"

 android:layout_height="wrap_content"

 />

</LinearLayout>

</textarea> 
说明：有时候我们在开发过程中，需要在一个没有xml的View中添加一个ListView控件，有时候我们可能需要在有xml文件描述的时候添加一个ListView控件。需要注意的是：setContentView()这个函数的先后顺序要写清楚。
在这种方法中我们使用了ArrayAdapter。
<h2>稍复杂点的ListView——添加了标题（描述）元素</h2>
<img alt="" src="http://hi.csdn.net/attachment/201108/6/0_1312656094qt11.gif">
如图所示，这种ListView只是比单一的ListView多了一个标题，或者说是描述的ListView，这种ListView应该是我们在实际开发中用的最多的一种ListView了。
同样的，实现这种ListView有两种方式。理论跟上面的一样，现在就举一种例子。
源码如下：

<textarea readonly name="code" class="java">/*

* Android开发之ListView

* ListViewExTitleActivity.java

* Created on: 2011-8-7

* Author: blueeagle

* Email: liujiaxiang@gmail.com

*/

package com.blueeagle;

import java.util.ArrayList;

import java.util.HashMap;

import java.util.Map;

import android.app.Activity;

import android.os.Bundle;

import android.widget.ListView;

import android.widget.SimpleAdapter;

public class ListViewExTitleActivity extends Activity {

 private String[] myTitle = { "思想决定行为", "行为形成习惯", "习惯决定性格", "性格决定命运","狂热的Android开发者"};

 private String[] myDescript = { "说话办事儿，首先要有一个好的思想，有了好思想，才能体现在行动上", "能够坚持的行动将成为习惯", "对事对人的习惯性行为表现为人的性格", "往往成就大事的人，都有着很好的性格",

 "狂热的Android程序员需要有一个好性格" };

 private String[] myNote = { "备注1", "备注2", "备注3", "备注4","备注5" };

 private ListView myListView;



 ArrayList<Map<String,Object>> mData= new ArrayList<Map<String,Object>>();;

 @Override

 public void onCreate(Bundle savedInstanceState) {

 super.onCreate(savedInstanceState);

 int lengh = myTitle.length;

 for(int i =0; i < lengh; i++) {

 Map<String,Object> item = new HashMap<String,Object>();

 item.put("title", myTitle[i]);

 item.put("Descript", myDescript[i]);

 item.put("note", myNote[i]);

 mData.add(item);

 }

 myListView = new ListView(this);

 SimpleAdapter adapter = new SimpleAdapter(this,mData,R.layout.layout_item_1,

 new String[]{"title","Descript","note"},new int[]{R.id.title,R.id.descript,R.id.note});

 myListView.setAdapter(adapter);

 setContentView(myListView);

 }

}

</textarea>
layout_item_1.xml
<textarea readonly name="code" class="html"><?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent">

<TextView

android:id="@+id/title"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:textColor="#00ffff"

android:textSize="22px" />

<TextView

android:id="@+id/descript"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:textColor="#FFFFFFFF"

android:textSize="13px" />

<TextView

android:id="@+id/note"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:textColor="#FF0000"

android:textSize="13px"

android:layout_gravity="right"

/>

</LinearLayout>

</textarea>

说明：在这个例子里面我们使用到了SimpleAdapter。看这个名字，简单的Adapter，其实不是那么简单。查看手册，可以知道其构造函数以及意义：
public SimpleAdapter (Context context, List<? extends Map<String, ?>> data, int resource, String[] from, int[] to)
第一个context ：SimpleAdapter所要运行关联到的视图。一般而言，就是这个SimpleAdapter所在的Activity，所以这个参数一般是this。
第二个是一个泛型只要是一个List就行，这一般会想到是ArrayList，而他内部存储的则是Map或者继承自Map的对象，比如HashMap。每一个ArrayList中的一行就代表着呈现出来的一行，Map的键就是这一行的列名，值也是有列名的。
第三个资源文件，就是说要加载这个两列所需要的视图资源文件，也就是布局文件，可以定义成.xml的文件。
第四个参数是一个数组，主要是将Map对象中的名称映射到列名，一一对应
第五个是将第四个参数的值一一对象的显示（一一对应）在接下来的int形的id数组中，这个id数组就是LayOut的xml文件中命名id形成的唯一的int型标识符
在程序中： 
<textarea readonly name="code" class="java">Map<String,Object> item = new HashMap<String,Object>();

 item.put("title", myTitle[i]);

 item.put("Descript", myDescript[i]);

 item.put("note", myNote[i]);

 mData.add(item);

</textarea> 
这段代码里，一个item设置了三个值，也可以设置更少或者是更多的值。如果设置了更少或者更多的值，相应的需要在.xml文件里修改布局，同时修改程序里SimpleAdapter的第四个和第五个参数。即修改程序中：
<textarea readonly name="code" class="java">SimpleAdapter(this,mData,R.layout.layout_item_1,

 new String[]{"title","Descript","note"},new int[]{R.id.title,R.id.descript,R.id.note});

</textarea> 
这段代码的参数，可以增加也可以减少。
 特别要注意的是，在item里设置的值，还可以是图形或者是别的视图类型，如下实例。
<h2>ListView——添加了标题（描述）元素以及图片元素</h2>
<img src="http://hi.csdn.net/attachment/201108/6/0_1312656286B668.gif" alt="">
如图所示，这种ListView只是比前面的ListView多了一个图标。这正是在上一个例子后面所说明的一样。只是添加了几行源码，如下：
ListViewExTitleActivity.java 
添加了：
<textarea readonly name="code" class="java">item.put("image", R.drawable.icon);

SimpleAdapter adapter = new SimpleAdapter(this,mData,R.layout.layout_item_1,

 new String[]{"image","title","Descript","note"},new int[]{R.id.imageicon,R.id.title,R.id.descript,R.id.note});

</textarea> 
layout_item_1.xml
添加了：
<textarea readonly name="code" class="html"><ImageView

android:id="@+id/imageicon"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

/>

</textarea>
这里需要注意的是：如果不喜欢每一个item的布局，可以修改xml布局文件里的结构，调整图片位置，字体位置等。

<h2>ListView——自定义特别的ListView</h2>
<img src="http://hi.csdn.net/attachment/201108/6/0_1312656301kZ7x.gif" alt="">
如图所示，我们在程序开发过程中，经常会遇见各种特定样式，类型等等的需求，在图中这种情况下，上述几种例子都不能很好的解决，这个时候就要自己定义了。自定义ListView是一个很有意思的过程。
ListView在绘制前会调用getCount()方法得到绘制次数，这个次数，实际上就是ListView的Item项数，然后实例化自己定义的一个Adapter，一般常用的有两种Adapter，一种是BaseAdapter，适合较少的List Item；另一种是BaseAdapter的子类：ArrayAdapter，适合较多，较复杂的List Item。这些Adapter都通过getView()方法一项一项的绘制ListView,所以我们可以在这里面根据position(当前绘制的ID)来任意的修改绘制的内容。
在举例之前，不得不说一下这个特别重要的函数getView():
查看手册可以得到getView的解释：
public abstract <a href="http://android.toolib.net/reference/android/view/View.html">
View</a> getView (int position, <a href="http://android.toolib.net/reference/android/view/View.html">
View</a> convertView, <a href="http://android.toolib.net/reference/android/view/ViewGroup.html">
ViewGroup</a> parent) 
获取用于显示数据集中指定位置上的数据的视图。你可以手工创建一个视图，也可以从 XML 布局文件中展开视图。展开视图时，父视图（GridView、ListView 等）将应用默认的布局参数，除非你使用<a href="http://android.toolib.net/reference/android/view/LayoutInflater.html#inflate(int,%20android.view.ViewGroup,%20boolean)">inflate(int, android.view.ViewGroup,
boolean)</a> inflate(int, android.view.ViewGroup, boolean)指定根视图，并指定附加到根元素。
参数
<table cellpadding="0" border="0"><tbody>
<tr>
<td>
position
</td>
<td>
要从适配器中取得的视图的位置.
</td>
</tr>
<tr>
<td>
convertView
</td>
<td>
要重用的旧视图，如果可能。注意，在使用之前你应该检查该视图是否非空，并且是适当的类型。如果不能转化该视图来正确显示数据，该方法将创建新视图。
</td>
</tr>
<tr>
<td>
parent
</td>
<td>
该视图最终关联到的父视图。
</td>
</tr>
</tbody></table>
返回值
指定位置的数据对应的视图。 

看的晕，不要紧，从例子入手：
首先我们来写java文件。我们写一个自己的adapter继承于BaseAdapter

<textarea readonly name="code" class="java">/*

* Android开发之ListView

* ListViewExTitleActivity.java

* Created on: 2011-8-7

* Author: blueeagle

* Email: liujiaxiang@gmail.com

*/

package com.blueeagle;

import android.app.Activity;

import android.content.Context;

import android.graphics.Color;

import android.os.Bundle;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.AdapterView;

import android.widget.BaseAdapter;

import android.widget.ImageView;

import android.widget.ListView;

import android.widget.TextView;

import android.widget.Toast;

public class ListViewExTitleActivity extends Activity {

 private String[] myTitle = { "思想决定行为", "行为形成习惯", "习惯决定性格", "性格决定命运","狂热的Android开发者","狂热的Android开发者"};

 private String[] myDescript = { "说话办事儿，首先要有一个好的思想，有了好思想，才能体现在行动上", "能够坚持的行动将成为习惯", "对事对人的习惯性行为表现为人的性格", "往往成就大事的人，都有着很好的性格",

 "狂热的Android程序员需要有一个好性格" ,"狂热的Android开发者"};

 private String[] myNote = { "备注1", "备注2", "备注3", "备注4","备注5" ,"狂热的Android开发者"};

 ListView myListView = null;

 NewTypeAdapter myAdapter = null;

 @Override

 public void onCreate(Bundle savedInstanceState) {

 super.onCreate(savedInstanceState);

 myListView = new ListView(this);

 myAdapter = new NewTypeAdapter(this);

 myListView.setAdapter(myAdapter);

 myListView.setOnItemClickListener(new AdapterView.OnItemClickListener(){

 @Override

 public void onItemClick(AdapterView<?> arg0,View arg1,int arg2,long arg3){

 arg1.setBackgroundColor(Color.BLACK);

 System.out.println(arg2);

 Toast.makeText(ListViewExTitleActivity.this,"您选择了" + myTitle[arg2], Toast.LENGTH_LONG).show();

 }

 });

 setContentView(myListView);

 }

 class NewTypeAdapter extends BaseAdapter {

 private Context mContext;

 private int[] colors = new int[]{Color.RED,Color.BLUE,Color.GREEN,Color.WHITE};

 public NewTypeAdapter(Context context) {

 mContext = context;

 }

 @Override

 public int getCount() {

 // TODO Auto-generated method stub

 return myTitle.length;

 }

 @Override

 public Object getItem(int position) {

 // TODO Auto-generated method stub

 return position;

 }

 @Override

 public long getItemId(int position) {

 // TODO Auto-generated method stub

 return position;

 }

 @Override

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

 // TODO Auto-generated method stub

 System.out.println(position);

 ImageView myIamge = null;

 TextView myTextTitle = null;

 TextView myTextDescript = null;

 TextView myTextNote = null;

 //if (convertView == null) {

 convertView = LayoutInflater.from(mContext).inflate(R.layout.layout_item_1, null);

 myIamge = (ImageView) convertView.findViewById(R.id.imageicon);

 myTextTitle =(TextView) convertView.findViewById(R.id.title);

 myTextDescript= (TextView) convertView.findViewById(R.id.descript);

 myTextNote= (TextView) convertView.findViewById(R.id.note);

 // }

 // else

 try{

 int j = position%colors.length;

 convertView.setBackgroundColor(colors[j]);

 myTextTitle.setText(myTitle[position]);

 myTextDescript.setText(myDescript[position]);

 myTextNote.setText(myNote[position]);

 myIamge.setImageResource(R.drawable.icon);

 }

 catch(Exception e){

 e.printStackTrace();

 }

 return convertView;

 }

 }

}

</textarea> 
layout_item_1.xml:
<textarea readonly name="code" class="html"><?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent">

<ImageView

android:id="@+id/imageicon"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

/>

<TextView

android:id="@+id/title"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:textColor="#00ffff"

android:textSize="22px" />

<TextView

android:id="@+id/descript"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:textColor="#FFFFFFFF"

android:textSize="13px" />

<TextView

android:id="@+id/note"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:textColor="#FF0000"

android:textSize="13px"

/>

</LinearLayout>

</textarea> 
说明:首先说明的是，这个例子自定义了类：NewTpyeAdapter，继承BaseAdapter，当然要实现BaseAdapter的各个成员方法。程序OnCreate方法中主要有四个内容：实例化NewTypeAdapter，实例化ListView，然后利用myListView.setAdapter(myAdapter);将ListView和NewTypeAdapter绑定。
这里需要特别注意的是：如果ListViewExTitleActivity继承的是Activity，则必须要加上setContentView（myListView）这句，如果继承的是ListActivity，则不用加啦，因为其本身就是一个List了。
接下来就是我们的最重要的方法，getView（）方法。
在说getView方法之前说几个可能出现的问题：
1. getView（）方法不会被调用；
2. 当ListView在一个屏幕内显示不全的时候，拖动后的数据会重复。
3. 如果在ListView中的某个Item中加入一个按钮的话，这个Item的点击事件将消失。
下面来解答这些问题：getView（）这个方法的调用是有条件的。我在开始试验的时候，getView（）方法一直不会被调用，后来才发现，如果getCount （）的返回值为0的话，则不会被调用。因此需要把BaseAdapter的成员方法都写全。
对于重复问题：如上面源码，如果加入了if（convertView ==null）则表示其一屏幕显示了从数据空间读取的内容，滚动后则不会再从数据空间读取，而是从现有空间读取。手册中说使用的时候先判断是否为空，但是我这里去掉了这个if语句，则能够实现效果，但是可能带来效率问题，这样的话每次回滚，则每次会重绘。
对于加入按钮点击事件消失的问题，是因为按钮的焦点抢夺了listview项的焦点。因此listview的项就点击不到了。

<h2>总结：</h2>
 以上说了四种ListView的实现方式。当然第四种还可以引申开去。比如我们可以继承ArrayAdapter；也可以在每个ListItem中加入一个按钮，加入按钮只需要添加该按钮的消息响应函数就可以了。
 相信经过上面的学习，对ListView这个类应该有一定的掌握了，一些大大小小的问题应该都能够解决了。

分享到：

SQL SERVER 2008 中分页方法集锦 | Android开发之SurfaceView

2012-01-31 13:53
浏览 1283
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论