ListView学习2 - SimpleAdapter

3. 使用SimpleAdapter

使用SimpleAdapter 来实现ListView 是比较灵活和多变的方法,它所显示的ListView 不在仅仅是一行字了,可以是图片、文字、按钮等等。

可以自定义样式,这就意味着需要我们自己来设置布局文件,需要两个布局文件,一个是整个Activity 的布局文件,另一个是ListView 中每个条目的布局文件 ,代码片段如下:

Activity 布局文件:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/layout"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="测试SimpleAdapter"/>
	 <ListView
        android:id="@android:id/list"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" />

</LinearLayout>

ListView中每个条目即每行的布局文件:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal">  <!-- 注意每行布局是横向布局 -->

    <ImageView android:id="@+id/image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
    
    <TextView android:id="@+id/name"
        android:layout_width="180dp"
        android:layout_height="30dp"
        android:layout_marginLeft="20dp"
        android:textColor="#F65327"
        android:singleLine="true" />
    
    
    <TextView android:id="@+id/age"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginRight="10dp"
        android:gravity="right"
        android:textColor="#F65327"/>
	<!-- 最后一个TextView的布局layout_width不用fill_parent的话,就无法右对齐 -->
</LinearLayout>

JAVA代码:

package com.example.firstandroid;

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

import android.app.ListActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.ListView;
import android.widget.SimpleAdapter;
import android.widget.Toast;

public class SimpleAdapterDemoActivity extends ListActivity {

	private ArrayList<Map<String, Object>> list = null;

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_simple_adapter_demo);

		// 创建一个ArrayList,里面的每一项都是一个条目的内容,而每一个条目都是放在HashMap中的键值对
		list = getData();

		// SimpleAdapter有若干参数
		// 1. Context,当前的Activity
		// 2. 传入的List,List内存放的是Map
		// 3. 每一个条目的布局文件,即user.xml
		// 4. 一个String数组,是代表ListView显示的时候,每一列所代表的含义,这个String数组的内容,要与之前Map中放置的键值对的Key相对应
		// 5. 一个int数组,代表布局文件user.xml中,上面String数组中的Key所对应那个布局
		
		SimpleAdapter adapter = new SimpleAdapter(this,
				list, 
				R.layout.user, 
				new String[] { "image",	"name", "age" },
				new int[] { R.id.image, R.id.name, R.id.age });
		setListAdapter(adapter);

	}

	@Override
	protected void onListItemClick(ListView l, View v, int position, long id) {
		// super.onListItemClick(l, v, position, id);
		Toast.makeText(
				SimpleAdapterDemoActivity.this,
				String.valueOf(list.get(position).get("name")) + " is " + String.valueOf(list.get(position).get("age"))
						+ " years old.", Toast.LENGTH_SHORT).show();
	}

	public ArrayList<Map<String, Object>> getData() {
		list = new ArrayList<Map<String, Object>>();
		HashMap<String, Object> m1 = new HashMap<String, Object>();
		HashMap<String, Object> m2 = new HashMap<String, Object>();
		HashMap<String, Object> m3 = new HashMap<String, Object>();
		m1.put("image", R.drawable.dota1);
		m1.put("name", "Jack");
		m1.put("age", "63");
		m2.put("image", R.drawable.dota1);
		m2.put("name", "Bob");
		m2.put("age", "15");
		m3.put("image", R.drawable.dota2);
		m3.put("name", "Theron");
		m3.put("age", "25");
		list.add(m1);
		list.add(m2);
		list.add(m3);
		return list;
	}

}
 

对上述代码进行分析,首先,它不再继承Activity 类,而是继承了ListActivity ,需要使用SimpleAdapter 来建立ListView 的话,需要若干参数。第一个是Activity 的上下文对象;第二个是一个List 的对象,用来存放数据,List 中每一个数据,都是一个Map 对象,在Map 对象中存放着名称与数据的实际的键值对,上面代码建立了3HashMap ,也就是listView 中的3 个条目,每个条目是一个HashMap, 我们的ListView 有三列 ,分别是布局文件中的一个ImageView 和两个TextView ,因此,每个HashMap 中需要设置一个ImageView 和两个TextView 的数据,设置完成之后,将3HashMap 加入List 中;第三个参数是每个条目的布局文件,也就是上面的第二个布局文件;第四个参数是一个String 数组,表示着我们建立的ListView 中每列分别代表什么;第五个参数是一个int 数组,代表布局文件user.xml 中,上面String 数组中的Key 所对应那个布局。

接着将SimpleAdapter 对象设置给Activity ,就可以实现ListView 的显示了。

同样,可以onListItemClick 方法来对点击事件进行响应。如下为运行效果,可以看出它比上述两种方式更加灵活,可以自由扩展。


参考:http://theron.blog.51cto.com/2383825/649771

猜你喜欢

转载自uule.iteye.com/blog/1738570