Android UI 之ListView组件

ListView

列表的显示需要三个元素：

1．ListVeiw 用来展示列表的View。

2．适配器 用来把数据映射到ListView上的中介。

3．数据    具体的将被映射的字符串，图片，或者基本组件。

根据列表的适配器类型，列表分为三种，

ArrayAdapter，

SimpleAdapter和

SimpleCursorAdapter

其中以ArrayAdapter最为简单，只能展示一行字。SimpleAdapter有最好的扩充性，可以自定义出各种效果。SimpleCursorAdapter可以认为是SimpleAdapter对数据库的简单结合，可以方面的把数据库的内容以列表的形式展示出来。

同样我们还是来看一个例子：

Activity文件内容：

package cn.calss3g.activity;

import android.app.ListActivity;

import android.os.Bundle;

import android.util.Log;

import android.view.View;

import android.widget.ArrayAdapter;

import android.widget.ListView;

public class ListActivityDemo extends ListActivity {

String[] names = {"张三","王四","狗五","宋六","猪八"};

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

ArrayAdapter adapter = new ArrayAdapter(this,

android.R.layout.simple_list_item_1,names);

this.setListAdapter(adapter);

}

@Override

protected void onListItemClick(ListView l, View v, int position, long id) {

super.onListItemClick(l, v, position, id);

Log.i("TAG", names[position]

  +"position="+String.valueOf(position)

  +"row_id"+String.valueOf(id));

}

}

效果：

ArrayAdapter adapter = new ArrayAdapter(this,android.R.layout.simple_list_item_1,names);

红字部分是系统定义的，所以显示效果就像上图一样。如果是我们自己写的布局文件，显示效果就可以换了。那我们就看看自己定义布局的效果吧。

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"

    android:orientation="vertical" >

    <TextView

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:text="名单"/>

   

        <ListView

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:background="#cccccc"

        android:id="@+id/list"/>

</LinearLayout>

Activity内容（和上面Activity中比值多了红字部分）：

package cn.calss3g.activity;

import android.app.Activity;

import android.os.Bundle;

import android.util.Log;

import android.view.View;

import android.widget.AdapterView;

import android.widget.AdapterView.OnItemClickListener;

import android.widget.ArrayAdapter;

import android.widget.ListView;

public class ListViewDemo extends Activity implements OnItemClickListener{

ListView nameList = null;

String[] names = {"张三","王四","狗五","宋六","猪八"};

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

this.setContentView(R.layout.list_layout);

findViews();

}

  private void findViews(){

 

 

nameList = (ListView) this.findViewById(R.id.list);

ArrayAdapter adapter = new ArrayAdapter(this,android.R.layout.simple_expandable_list_item_1,names);

nameList.setAdapter(adapter);

nameList.setOnItemClickListener(this);

}

  //覆盖监听器接口OnItemClickListener

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

  Log.i("TAG", names[arg2]

  +"position="+String.valueOf(arg2)

  +"row_id"+String.valueOf(arg3));

  }

}

下面看一看显示效果：