android ListView布局之二（是用simpleAdapter绑定数据）

main.xml主布局文件，代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/hello"
/>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<TextView
android:text="@string/name"
android:gravity="center"
android:layout_width="150px"
android:layout_height="wrap_content"
/>

<TextView
android:text="@string/age"
android:gravity="center"
android:layout_width="170px"
android:layout_height="wrap_content"
/>

</LinearLayout>
<ListView
android:id="@+id/listView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>

</LinearLayout>

　　user.xml组件布局文件代码

<?xml version="1.0" encoding="utf-8"?>
<!-- 创建存放一行数据的组件 -->
<TableLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content">
<TableRow>

<ImageView
android:id="@+id/image"
android:layout_width="50px"
android:layout_height="50px"
></ImageView>

<TextView
android:id="@+id/userName"
android:gravity="center"
android:layout_height="wrap_content"
android:layout_width="150px"
></TextView>

<TextView
android:id="@+id/userAge"
android:gravity="center"
android:layout_height="wrap_content"
android:layout_width="170px"
></TextView>

</TableRow>
</TableLayout>

主Activity，listView.java代码

package cn.com.android.listView;

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.ListView;
import android.widget.SimpleAdapter;

public class listView extends Activity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
ListView listView = (ListView) findViewById(R.id.listView);
/* 参数一多，有些人就头晕了。这里解说下，各个参数的意思。
* 第一个参数 this 代表的是当前上下文，可以理解为你当前所处的activity
* 第二个参数 getData() 一个包含了数据的List,注意这个List里存放的必须是map对象。simpleAdapter中的限制是这样的List<? extends Map<String, ?>> data
* 第三个参数 R.layout.user 展示信息的组件
* 第四个参数 一个string数组，数组内存放的是你存放数据的map里面的key。
* 第五个参数：一个int数组，数组内存放的是你展示信息组件中，每个数据的具体展示位置，与第四个参数一一对应
* */
SimpleAdapter adapter = new SimpleAdapter(this, getData(), R.layout.user,
new String[]{"image","userName","userAge"}, new int[]{R.id.image,R.id.userName,R.id.userAge});
listView.setAdapter(adapter);

}

/**
* @author chenzheng_java
* @description 准备一些测试数据
* @return 一个包含了数据信息的hashMap集合
*/
private ArrayList<HashMap<String, Object>> getData(){
ArrayList<HashMap<String, Object>> arrayList = new ArrayList<HashMap<String,Object>>();
for(int i=0;i<10;i++){
HashMap<String, Object> tempHashMap = new HashMap<String, Object>();
tempHashMap.put("image", R.drawable.icon);
tempHashMap.put("userName", "用户"+i);
tempHashMap.put("userAge", 30-i);
arrayList.add(tempHashMap);

}

return arrayList;

}

}

strings.xml代码

<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="hello">布局列表展示</string>
<string name="app_name">列表布局</string>
<string name="name">姓名</string>
<string name="age">年龄</string>
</resources>

废话连绵：

我们一起看看结构，一个主布局文件，一个组件布局文件，一个Activity类。

依旧分为三步：

第一步：定义布局文件，设计UI，包括寻找合适的图片了等等……

第二步：获取数据。这里用的是simpleAdapter，所以要求数据必须固定格式的

第三步：绑定数据源

然后，我们就可以看到我们想要的结果了。