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
对象中存放着名称与数据的实际的键值对，上面代码建立了3
个HashMap
，也就是listView
中的3
个条目，每个条目是一个HashMap,
我们的ListView
有三列
，分别是布局文件中的一个ImageView
和两个TextView
，因此，每个HashMap
中需要设置一个ImageView
和两个TextView
的数据，设置完成之后，将3
个HashMap
加入List
中；第三个参数是每个条目的布局文件，也就是上面的第二个布局文件；第四个参数是一个String
数组，表示着我们建立的ListView
中每列分别代表什么；第五个参数是一个int
数组，代表布局文件user.xml
中，上面String
数组中的Key
所对应那个布局。

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

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



 

 

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

 

 

 

 





大小: 91 KB

查看图片附件