ListView的使用和特性研究(一)

ListView的使用和特性研究(一)

 

转载自 ： http://www.android777.com/index.php/tutorial/listview-1.html

 

ListView应该是android里最常用的显示数据的控件了。它用来将集合数据一个个抽取出来按照从头到尾往下显示的控件里，这些是在手机中经常看到的一些布局。

 

我们可以看从简单的到难的布局，一步步学习如何使用ListView来构建UI和了解ListView的原理和实现机制。

 

我们看看最简单的ListView效果：

 

 

带有图标的ListView效果图：

其他稍微复杂的ListView的布局。

 

下面我们从简单到难的步骤分析演示如何使用android中的ListView。

 

1.简单的ListView布局(单行显示信息)

首先我们先创建存放ListView的Activity所需要的布局xml文件。

 

list_view1.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/linerlayout1"
  android:orientation="vertical"
  android:layout_height="fill_parent"
  android:layout_width="fill_parent"
  >
     <ListView
        android:id="@+id/list1"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
     />
</LinearLayout>

 

上面代码我们创建了一个布局配置文件，里面只放了一个ListView控件，将其ID设置为：list1。

 

接下来是java代码，大概步骤是：先找出ListView，然后往ListView里填充东西。

 

	final String[] data = {"第一章","第二章","第三章","第四章","第五章"};
	
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.list_view1);
        
        ListView lv = (ListView) findViewById(R.id.list1);
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(
        		this,android.R.layout.simple_list_item_1,data);
        lv.setAdapter(adapter);
    }

 

 以上是运行这个运行这个ListView，并往里面填充东西的代码。在android中，由于数据来源多种多样，如：从资源文件读取、从数据库中读取、从 网络上其他地方读取而最终这些数据都将被展示在ListView中，所以这边android就用了adapter设计模式，对应每种数据来源使用对应的 adapter来连接数据和视图。

 以上的代码很简单，运行效果如下：

上面代码有一定的局限性，就是比如你要创建稍微复杂点的布局，如名片卡，显示名字，电话信息，地址等。像这种稍微复杂的布局就无法用上面的来做，因为在上面的例子中，ArrayAdapter里装的数据都是String型，单行仅能显示一条数据。

 

 

2.进阶的ArrayAdapter，自定义布局来显示ArrayAdapter里面装的对象。

 

这边我们沿用上面的xml布局，因为要往ArrayAdapter里面装对象，所以这边我们先定义一个对象，最后要做的就是将对象的信息显示在ListView中。

 

package com.zhouzijing.android;

public class Person {
	 
    public String name;
    public int age;
    public String email;
    public String address;
 
    public Person(String name, int age, String email, String address) {
        super();
        this.name = name;
        this.age = age;
        this.email = email;
        this.address = address;
    }
 
    @Override
    public String toString() {
        return "Person [name=" + name + ", age=" + age + ", email=" + email
                + ", address=" + address + "]";
    }
 
}

 

 

接下来将这个对象装进ArrayAdapter显示出来。

 

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.list_view1);
        
      //创建数据源.
        Person[] data = new Person[]{
            new Person("蔡志坤",25,"[e-mail]","厦门市"),
            new Person("李杰华",25,"[e-mail]","漳州市"),
            new Person("张亮",25,"[e-mail]","厦门市"),
            new Person("陈旭",25,"[e-mail]","厦门市"),
            new Person("刘玄德",25,"[e-mail]","福州市")
        };
        
        ListView lv = (ListView) findViewById(R.id.list1);
        ArrayAdapter<Person> adapter = new ArrayAdapter<Person>(
        		this,android.R.layout.simple_list_item_1,data);
        lv.setAdapter(adapter);
    }

 

效果图是：

依据上面的结果，可以得出结论，ArrayAdapter默认是调用它里面装的对象的toString方法来展示数据。但是上面的信息显得太凌乱，所以这 边要介绍另外一个ArrayAdapter的使用方法，就是扩展ArrayAdapter ，通过继承它来实现自定义视图的展现。所以刚开始要做的是先创建 一个xml布局文件，确定ListView里每行数据显示的样式。

 

list_view1_item.xml

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/linerlayout1"
  android:orientation="vertical"
  android:layout_height="fill_parent"
  android:layout_width="fill_parent"
  >
     <TextView
        android:id="@+id/person_name"
        android:textSize="23sp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
     />
     <TextView
        android:id="@+id/person_age"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
  	/>
  	<TextView
        android:id="@+id/person_email"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
  	/>
  	<TextView
        android:id="@+id/person_address"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
  	/>
</LinearLayout>

 

接下来通过继承ArrayAdapter，然后重写getView方法，用来将自定义布局的View注入到ListView中，然后将每条数据装进对应的View中。

 

PersonAdapter.java

package com.zhouzijing.android;

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

public class PersonAdapter extends ArrayAdapter<Person>{

	LayoutInflater mLayoutInflater;
    int resourceId;
    Context mContext;
    
	public PersonAdapter(Context context, int resourceId, Person[] objects) {
		super(context, resourceId, objects);
		
		//获取LayoutInflater 服务,用来从预定义的xml布局创建view对象.
        this.resourceId = resourceId;
        mLayoutInflater = LayoutInflater.from(context);
	}

	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		if(convertView == null){
            //创建新的view视图.
            convertView = mLayoutInflater.inflate(resourceId, null);
        }
        //获取当前要显示的数据
        Person person = getItem(position);

        TextView name = (TextView) convertView.findViewById(R.id.person_name);
        TextView age = (TextView) convertView.findViewById(R.id.person_age);
        TextView email = (TextView) convertView.findViewById(R.id.person_email);
        TextView address = (TextView) convertView.findViewById(R.id.person_address);

        name.setText(person.name);
        age.setText(String.valueOf(person.age));
        email.setText(person.email);
        address.setText(person.address);

        return convertView;
	}
	
	

	

}

 

 

调用自定义的PersonAdapter

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.list_view1);
        
      //创建数据源.
        Person[] data = new Person[]{
            new Person("蔡志坤",25,"[e-mail]","厦门市"),
            new Person("李杰华",25,"[e-mail]","漳州市"),
            new Person("张亮",25,"[e-mail]","厦门市"),
            new Person("陈旭",25,"[e-mail]","厦门市"),
            new Person("刘玄德",25,"[e-mail]","福州市")
        };
        
        ListView lv = (ListView) findViewById(R.id.list1);
        PersonAdapter adapter = new PersonAdapter(
        		this,R.layout.list_view1_item,data);
        lv.setAdapter(adapter);
    }

 

最终的效果图是：

 

以上继承ArrayAdapter类，重写getView方法，里面的实现还不是最高效率，这边涉及到ListView的懒加载机制和实现的原理，以后详论。

 

3.通过上面两个例子我们可以简单的了解创建ListView的一般步骤，总的说来可以总结为下面几个步骤。

• 创建ListView里item的布局xml文件，第一个例子引用了android.R.layout.simple_list_item_1 ，所以省略掉创建的步骤，缺点是只能显示一条信息。
• 创建数据源，数据源可能是手动添加或查询数据库获取。
• 通过继承ArrayAdapter，重写getView方法来进行数据绑定。

 

 

 

 

 

 

评论

3 楼 Jasper_Success 2012-02-09  

请教一下带有图标的那个是怎么弄得？谢谢

2 楼 copier8 2011-11-09  

好文章！

1 楼 dwpcny 2011-09-05  

引用

[i][/i]

[img][/img][url][/url][flash=200,200][/flash]