.Net程序员玩转Android开发---(6)ListView显示数据

Android中显示数据有多种控件，这节我们来认识下ListView,ListView是Android中最常用的数据显示控件，可以显示简单数据源，也可以显示复杂数据源，我们在Android系统中常看到的列表项，基本都是ListView的功劳。ListView中显示数据，肯定要绑定数据源。数据源的绑定是通过Adapter来完成的，Android中有两种常用的适配器，ArrayAdapter(数组适配器)  SimpleAdapter(简单适配器),适配器的作用就是把复杂的数据源显示到istview界面视图上，是数据源和界面之间的桥梁。

这一节我们来认识下这两个适配器,数组适配器用来显示简单的数据，简单适配器主要用来显示复杂的数据。

1. 数组适配器ArrayAdapter

数组 适配器显示的数据比较单一，我们看下面的例子

<?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" >

  <ListView
    android:id="@+id/listView1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" >
  </ListView>

</LinearLayout>

package com.example.hellotest;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class FirstListView extends Activity {

      private ListView lv;
      
      private ArrayAdapter<String> adapter;
     @Override
      protected void onCreate(Bundle savedInstanceState) {
          super.onCreate(savedInstanceState);
          setContentView(R.layout.firstlistview);
          lv=(ListView)findViewById(R.id.listView1);//获取Listview对象
          //listview数据源
          String[] arr={"游响云停工作室1","游响云停工作室2","游响云停工作室ArrayAdapter演示","游响云停交流群207464864"};
          //初始化适配器，参数1是上下文对象，参数2是Listview中每个列表的布局文件，参数3是数据源
          adapter=new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1,arr);
          lv.setAdapter(adapter);//绑定数据
         
      }
}

我们来分析下数组适配器的参数

adapter=new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1,arr);

第一个参数为当前上下文对象

第二个参数为布局文件，我们例子中使用的系统自带的布局文件

第三个参数是数据源

2. 简单适配器SimpleAdapter

简单适配器用来显示复杂的数据，我们看下这个示例

首先创建一个LISTVIEW中每项的布局文件listitem.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="100dp"
  android:orientation="vertical"
   android:gravity="top"  
  >
  
  <LinearLayout   android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:orientation="horizontal"
   >
       
<LinearLayout   android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:orientation="horizontal" 
  android:layout_weight="7"
  android:gravity="center"
  >

  <ImageView
    android:id="@+id/pic"
    android:layout_width="80dp"
    android:layout_height="80dp"
    android:src="@drawable/ic_launcher" />
</LinearLayout>

<LinearLayout   android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:orientation="vertical"
  android:layout_weight="3"
   >

  <TextView
    android:id="@+id/tvname"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="5dp"
    android:text="商品名称:" />
  
    <TextView
    android:id="@+id/tvprice"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="5dp"
    android:text="商品价格:" />
    
      <TextView
    android:id="@+id/tvcolor"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="5dp"

    android:layout_marginBottom="5dp"
    android:text="商品颜色" />
</LinearLayout>
  </LinearLayout>
  <LinearLayout android:layout_width="fill_parent"   android:layout_height="2dp" android:background="#F0F0F0">
  </LinearLayout>
</LinearLayout>

主页面布局文件

<?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" >

  <ListView
    android:id="@+id/listView2"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" >
  </ListView>

</LinearLayout>

package com.example.hellotest;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.SimpleAdapter;

public class SimpleListView  extends Activity {

   private ListView lv;
   private SimpleAdapter adp;//定义适配器
   private List<Map<String,Object>> mapList;//定义数据源
   
    protected void onCreate(Bundle savedInstanceState) {
          super.onCreate(savedInstanceState);
          setContentView(R.layout.simplelistview);
          lv=(ListView)findViewById(R.id.listView2);
          /*
           *  参数1是上下文对象
           *  参数2是数据源
           *  参数3是布局文件
           *  参数4是键名
           *  参数5是绑定布局文件中视图ID
           * 
           * */
          mapList=new ArrayList<Map<String,Object>>();
          
          for(int i=0;i<10;i++)
          {
          	Map<String,Object> map=new HashMap<String,Object>();
          	map.put("pic",R.raw.pad);
          	map.put("name","商品名称:Ipad Air");
          	map.put("price","商品价格:$"+i);
          	map.put("color","商品颜色:白色");
          	mapList.add(map);
          }
       
          adp=new SimpleAdapter(this, mapList,R.layout.listitem, new String[]{"pic","name","price","color"}, new int[]{R.id.pic,R.id.tvname,R.id.tvprice,R.id.tvcolor});
           lv.setAdapter(adp);
         
      }
}

   我们来分析下简单适配器的参数
                 adp=new SimpleAdapter(this, mapList,R.layout.listitem, new String[]{"pic","name","price","color"}, new int[]{R.id.pic,R.id.tvname,R.id.tvprice,R.id.tvcolor});
                  第一个参数是上下文对象
                 第二个参数是数据源，数据源的类型是集合
                  第三个参数是ListView中每一项的布局文件
                 第四个参数是数组，数组里面每一项对应数据源中MAP的键名称
                 第五个参数就是ListVIew中对应的子布局文件中对应的控件的ID