用SimpleAdapter來設置ListView的內容

輸入圖片說明

Mainactivit.javajava

package com.kale.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.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.AdapterView.OnItemSelectedListener;
import android.widget.ListView;
import android.widget.SimpleAdapter;

public class MainActivity extends Activity {
    
    ListView myLv;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        myLv = (ListView)findViewById(R.id.red_listView_id);
        //定義5我的名數組,5個性別數組,5個圖片(圖省事,我用一個圖片代替了)
        final String []name = {"Jack","Tony","Tom","Luna","Nacy"};
        String []sex = {"male","male","male","female","female"};
        int []pic = {R.drawable.kale,R.drawable.kale,R.drawable.kale,R.drawable.kale,R.drawable.kale};
        
        //創建一個list,裏面的元素師Map,Map中是String,object
        List<Map<String, Object>> list = new ArrayList<Map<String,Object>>();
        for (int i = 0; i < name.length; i++) {
            //創建list中的子元素,用鍵值對的形式來存放數據
            Map<String, Object> listItem = new HashMap<String, Object>();
            listItem.put("picture", pic[i]);
            listItem.put("name", name[i]);
            listItem.put("sex", sex[i]);
            //將子元素添加入list中
            list.add(listItem);
        }
        
        //創建一個simpleAdapter
        //1.Context對象,2.list對象,3.item的佈局文件,4.各個元素來源的鍵名,5.各個元素對應控件的id
        SimpleAdapter adapter = new SimpleAdapter(this, list, R.layout.item, 
                new String[] {"picture","name","sex"}, 
                new int[] {R.id.pic_imageView_id,R.id.name_textView_id,R.id.sex_textView_id});
        
        myLv.setAdapter(adapter);
        myLv.setOnItemClickListener(new OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> arg0, View parent, int position,long id) {
                // TODO 自動生成的方法存根
                System.out.println("onItemClick"+name[position]+"被選中了");
                
            }
        });
        //列表項被選中後的監聽器,兩個監聽器的區別參考這篇文章:http://blog.csdn.net/bcai2/article/details/15028979
        //就和電視的菜單同樣,上下選擇來觸發選中(selected)事件,按下肯定纔是點擊(click)事件。
        myLv.setOnItemSelectedListener(new OnItemSelectedListener() {

            @Override
            public void onItemSelected(AdapterView<?> parent, View arg1,int position, long id) {
                // TODO 自動生成的方法存根
                System.out.println("onItemSelected"+name[position]+"被選中了");
            }

            @Override
            public void onNothingSelected(AdapterView<?> arg0) {
                // TODO 自動生成的方法存根
                
            }
        });
    }
}

activity_main.xmlandroid

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <!-- 設置紅色分割線的listView -->
    <ListView 
        android:id="@+id/red_listView_id"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:divider="#f00"
        android:dividerHeight="2dp"
        android:layout_gravity="center"
        android:headerDividersEnabled="false"/>
    

</LinearLayout>

item.xml數組

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal" >

    <ImageView
        android:id="@+id/pic_imageView_id"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_launcher" />

    <TextView
        android:id="@+id/name_textView_id"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Large Text"
        android:layout_marginLeft="10dp"
        android:layout_gravity="center_vertical"
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <TextView
        android:id="@+id/sex_textView_id"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:layout_marginLeft="10dp"
        android:textColor="#0000ff"
        android:text="Small Text"
        android:textAppearance="?android:attr/textAppearanceSmall" />

</LinearLayout>
相關文章
相關標籤/搜索