ListView—SimpleAdapter图文混排小案例

一、ListView使用步骤：
1）XML中添加ListView的控件
2）创建Item布局，
3）创建并初始化数据源
4）创建并初始化Adapter
5）直接使用setAdapter(adapter)

二、简单回顾一下Adapter适配器：
Adapter适配器：视图和数据之间的桥梁
常见适配器：
ArrayAdapter：数组适配器（只有文本信息的时候适用，尤其是只有一行文本信息）
SimpleAdapter：简单的适配器（图文混排）
CursorAdapter: 游标适配器
BaseAdapter：复杂布局的适配器
1.ArrayAdapter：
适用场景：只有文本信息（尤其是只有一行文本信息）
数据源：String[]/List<String>
2.SimpleAdapter:
适用场景：item图文混排的时候，（图片来自于本地，尽量不要来自于网络）
数据源：List<Map<String,Object>>
3.BaseAdapter:基础适配器
本质是ArrayAdapter和SimpleAdapter的父类
适用场景：文本信息和图文混排，图片可以来自于网络
三、代码详情：

java代码：

package org.moblie.gobain_simpleadapter;

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

public class MainActivity extends Activity {
    // 声明布局文件
    private ListView listView_Main;
    private TextView emptyView;
    private SimpleAdapter adapter;

    // 声明数据源
    private List<Map<String, Object>> totallist = new ArrayList<Map<String, Object>>();
    String[] userName = new String[] { "Tom", "Jhon", "Mike" };
    String[] userNum = new String[] { "123", "345", "789" };
    int[] userImage = new int[] { R.drawable.a, R.drawable.b, R.drawable.c };

    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        // 一定要先加载数据
        initData();
        // 初始化Adapter时候会用到initData的数据，所以一定用先调用initData，否则会抛出空指针异常
        initViews();

    }

    // 初始化数据
    private void initData() {
        // 给totallist赋值
        for (int i = 0; i < userName.length; i++) {
            Map map = new HashMap<String, Object>();
            map.put("userName", userName[i]);
            map.put("userNum", userNum[i]);
            map.put("userImage", userImage[i]);
            totallist.add(map);
        }
    }

    // 各种初始化布局文件
    private void initViews() {
        // 初始化布局文件
        listView_Main = (ListView) findViewById(R.id.listView_Main);
        emptyView = (TextView) findViewById(R.id.empty);
        // 自动匹配当没有数据的时候，显示emptyView中的“暂无数据”
        listView_Main.setEmptyView(emptyView);
        // 初始化Adapter
        adapter = new SimpleAdapter(this, totallist, R.layout.item,
                new String[] { "userImage", "userName", "userNum" }, new int[] {
                        R.id.userImage, R.id.userName, R.id.userNum });
        listView_Main.setAdapter(adapter);

    }
}

activity_main.xml中的代码：

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

    <TextView
        android:id="@+id/empty"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="暂无数据" />
</LinearLayout>

Item.xml中代码：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <ImageView
        android:id="@+id/userImage"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:src="@drawable/ic_launcher" />

    <TextView
        android:id="@+id/userName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="18dp"
        android:layout_toRightOf="@+id/userImage"
        android:text="TextView" />

    <TextView
        android:id="@+id/userNum"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/userImage"
        android:layout_alignLeft="@+id/userName"
        android:text="TextView" />

</RelativeLayout>