適用場景    圖文混排,圖片來自本地


資料來源   List<Map<String,Object>>


步驟:
  
1, 控制元件,  得到控制元件並且初始化


2, 得到資料來源


3, 得到介面卡


4, 為控制元件設定介面卡




/**
* context 上下文物件 
* data 資料來源
* resource 每個Item的佈局頁面
* from   String[]  資料來源中key的陣列
* to int[]     佈局頁面中id的陣列
*/
SimpleAdapter adapter = new SimpleAdapter(
this, 
data, 
R.layout.spinner_item, 
new String[]{"icon","name","age"}, 

new int[]{R.id.icon,R.id.name,R.id.age});

package com.qfday04_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.SimpleAdapter;
import android.widget.Spinner;

public class MainActivity extends Activity {

	private Spinner spinner;

	private List<Map<String, Object>> data;

	private int[] images = { R.drawable.img_29, R.drawable.img_30,
			R.drawable.img_31, R.drawable.img_32, R.drawable.img_33,
			R.drawable.img_42, R.drawable.img_43, R.drawable.img_44 };

	private String[] names = { "小麗", "小翠", "小方", "小圓", "小黑", "小白", "小明", "小華" };

	private int[] ages = { 18, 21, 22, 32, 31, 18, 20, 25 };

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		// 1, 得到控制元件初始化
		spinner = (Spinner) findViewById(R.id.spinner_id);

		// 2, 得到資料來源
		data = new ArrayList<Map<String, Object>>();
		for (int i = 0; i < names.length; i++) {
			Map<String, Object> map = new HashMap<String, Object>();
			map.put("icon", images[i]);
			map.put("name", names[i]);
			map.put("age", ages[i]);

			data.add(map);

		}
		// 3, 定義介面卡
		/**
		 * context 上下文物件 data 資料來源 resource 每個Item的佈局頁面 from String[] 資料來源中key的陣列
		 * to int[] 佈局頁面中id的陣列
		 */
		SimpleAdapter adapter = new SimpleAdapter(this, data,
				R.layout.spinner_item, new String[] { "icon", "name", "age" },
				new int[] { R.id.icon, R.id.name, R.id.age });

		// 4, 為控制元件設定介面卡
		spinner.setAdapter(adapter);

	}

}
 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" 
    android:padding="10dp"
    >
    
    
    <ImageView 
        android:id="@+id/icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/img_29"
        android:layout_marginRight="10dp"
        />
    
    <TextView 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/name"
        android:layout_toRightOf="@id/icon"
        android:text="姓名"
        />
    
    <TextView 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/age"
        android:layout_below="@id/name"
        android:layout_marginTop="10dp"
        android:text="年齡"
        android:layout_alignLeft="@id/name"
        />

</RelativeLayout>