【Android】以SimpleAdapter做适配器的ListView和GridView

SimpleAdapter介绍

SimpleAdapter是一个简单的适配器，可以将静态数据映射到XML文件中定义好的视图。

构造函数

public SimpleAdapter (Context context, List<? extends Map<String, ?>> data, int resource, String[] from, int[] to)

参数

　　context　　SimpleAdapter关联的View的运行环境

　　data　　　 一个Map组成的List。在列表中的每个条目对应列表中的一行,每一个map中应该包含所有在from参数中指定的键

　　resource   一个定义列表项的布局文件的资源ID。布局文件将至少应包含那些在to中定义了的ID

　　from         一个将被添加到Map映射上的键名

　　to　　　　 将绑定数据的视图的ID,跟from参数对应,这些应该全是TextView

ListView

Java类

package com.app.test01;

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

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

public class ListViewSimple extends Activity{
	ListView listView1;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_weixin);
		
		listView1 = (ListView) findViewById(R.id.listView1);
		String[] strings = {"img","title","info","time"};//Map的key集合数组
		int[] ids = {R.id.img,R.id.title,R.id.info,R.id.time};//对应布局文件的id
		SimpleAdapter simpleAdapter = new SimpleAdapter(this, 
				getData(), R.layout.activity_weixin_item, strings, ids);
		listView1.setAdapter(simpleAdapter);//绑定适配器
	}
	// 初始化一个List
	private List<HashMap<String, Object>> getData() {
		// 新建一个集合类，用于存放多条数据
		ArrayList<HashMap<String, Object>> list = new ArrayList<HashMap<String, Object>>();
		HashMap<String, Object> map = null;
		for (int i = 1; i <= 40; i++) {
			map = new HashMap<String, Object>();
			map.put("title", "人物" + i);
			map.put("time", "9月20日");
			map.put("info", "我通过了你的好友验证请求，现在我们可以开始对话啦");
			map.put("img", R.drawable.special_spring_head2);
			list.add(map);
		}
		return list;
	}
}

主视图布局

<?xml version="1.0" encoding="utf-8"?>
<!-- 这是范例ListView的布局文件，出了ListView，还可以放置其他控件 -->
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="fill_parent"
    android:background="#fff"
    android:orientation="vertical" >
    <RelativeLayout
        android:id="@+id/relativeLayout1"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:background="#2B3439" >

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:text="微信"
            android:textColor="#fff"
            android:textSize="22sp" />
    </RelativeLayout>
    
    <ListView
        android:id="@+id/listView1"
        android:layout_width="match_parent"
        android:paddingTop="60dp"
        android:paddingBottom="50dp"
        android:cacheColorHint="#00000000"  
        android:layout_height="match_parent"
        android:stackFromBottom="true" 
		android:transcriptMode="alwaysScroll"  >
    </ListView>

</RelativeLayout>

子视图布局

<?xml version="1.0" encoding="utf-8"?>
<!-- 这是列表项的布局文件，每一行长什么样子，修改这里 -->
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="60dp"
    android:layout_gravity="center_vertical"
    android:orientation="horizontal"
    android:padding="5dp" >

    <ImageView
        android:id="@+id/img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_centerVertical="true"
        android:padding="5dp"
        android:src="@drawable/gong1" />

    <RelativeLayout
        android:id="@+id/relativeLayout1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_centerVertical="true"
        android:layout_marginLeft="5dp"
        android:layout_marginRight="70dp"
        android:layout_toRightOf="@+id/img" >

        <TextView
            android:id="@+id/title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"
            android:text="TextView" 
            android:textColor="#000"
            android:textSize="18sp"/>

        <TextView
            android:id="@+id/info"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_alignParentLeft="true"
            android:text="TextView"
            android:singleLine="true"
            android:ellipsize="end"
            android:textColor="#ccc"
            android:textSize="15sp"  />
    </RelativeLayout>

    <TextView
        android:id="@+id/time"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignTop="@+id/relativeLayout1"
        android:layout_alignParentRight="true"
        android:layout_marginRight="10dp"
        android:text="TextView" 
        android:textColor="#ccc"
        android:textSize="15sp"/>

</RelativeLayout>

效果图

GridView

Java类

package com.app.test01;

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

import android.app.Activity;
import android.os.Bundle;
import android.widget.GridView;
import android.widget.SimpleAdapter;

public class GridViewSimple extends Activity {
	private GridView gridView1;
	private int[] ids = { R.drawable.gong1, R.drawable.gong2, R.drawable.gong3,
			R.drawable.gong4, R.drawable.gong5, R.drawable.gong6,
			R.drawable.gong7, R.drawable.gong8, R.drawable.gong9,
			R.drawable.gong1, R.drawable.gong2, R.drawable.gong3,
			R.drawable.gong4, R.drawable.gong5, R.drawable.gong6,
			R.drawable.gong7, R.drawable.gong8, R.drawable.gong9 };

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
		setContentView(R.layout.gridview);
		gridView1 = (GridView) findViewById(R.id.gridView1);

		ArrayList<Map<String, Object>> arrayList = new ArrayList<Map<String, Object>>();
		for (int i = 0; i < ids.length; i++) {
			Map<String, Object> map = new HashMap<String, Object>();
			map.put("image", ids[i]);
			arrayList.add(map);
		}

		SimpleAdapter simpleAdapter = new SimpleAdapter(this, arrayList,
				R.layout.gridview_item, new java.lang.String[] { "image" },
				new int[] { R.id.imageView1 });
		gridView1.setAdapter(simpleAdapter);
	}
}

主视图布局

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

    <GridView
        android:id="@+id/gridView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:numColumns="3" >
    </GridView>

</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"
    android:gravity="center" 
    android:paddingTop="10dp"
    android:paddingBottom="10dp">

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/gong1" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextView" />

</LinearLayout>

效果图