android ListView布局之三（使用自定義的Adapter綁定數據，通過contextView.setTag綁定數據）有按鈕的ListView

vlist2.xml代碼：

<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout  
  xmlns:android="http://schemas.android.com/apk/res/android"  
  android:layout_width="fill_parent"  
  android:layout_height="fill_parent">  
    
  <ImageView  
    android:id="@+id/image"  
    android:layout_width="wrap_content"  
    android:layout_height="wrap_content"  
    android:layout_margin="5px"  
  />  
    
  <LinearLayout  
    android:layout_width="wrap_content"  
    android:layout_height="wrap_content"  
    android:orientation="vertical"  
  >  
    <TextView  
        android:id="@+id/title"  
        android:layout_width="wrap_content"   
        android:layout_height="wrap_content"    
        android:textColor="#FFFFFFFF"   
        android:textSize="22px"   
          
    />  
    <TextView  
        android:id="@+id/info"  
        android:layout_width="wrap_content"   
        android:layout_height="wrap_content"    
        android:textColor="#FFFFFFFF"   
        android:textSize="13px"   
          
    />  
  </LinearLayout>  
    
  <Button  
    android:id="@+id/view_btn"  
    android:layout_width="wrap_content"   
    android:layout_height="wrap_content"  
    android:text="click me"  
    android:gravity="center"  
  />  
    
    
</LinearLayout>  

listView3.java代碼

package cn.com.android2.listview;  
  
import java.util.ArrayList;  
import java.util.HashMap;  
  
import android.app.ListActivity;  
import android.os.Bundle;  
import android.util.Log;  
import android.view.View;  
import android.widget.ListView;  
  
public class listView3 extends ListActivity {  
    @Override  
    public void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        // 獲取虛擬的數據，數據的格式有嚴格的要求哦  
        ArrayList<HashMap<String, Object>> data = getData();  
        //模仿SimpleAdapter實現的自己的adapter  
        MyAdapter adapter = new MyAdapter(this, data);  
          
        /** 
         * 有些人很迷糊，我們都知道vlist2.xml相當於存儲一行數據的組件布局，我們在前邊的代碼中，都是有一個主布局文件main.xml的， 
         * 組件布局文件是放在主布局文件上顯示的，一般代碼中都是通過setContentView()來指定主布局文件的。為何這里根本就沒有用到 
         * ，但是listView還能有一個界面來呈現呢。 
         * 讓我們看看setListAdapter在ListActivity中的實現， 
         * public void setListAdapter(ListAdapter adapter) { 
            synchronized (this) { 
            ensureList(); 
            mAdapter = adapter; 
            mList.setAdapter(adapter); 
        } 
    } 
    里面調用了一個ensureList方法，我們再來看看這個方法： 
     private void ensureList() { 
        if (mList != null) { 
            return; 
        } 
        setContentView(com.android.internal.R.layout.list_content); 
 
    } 
    現在看到了，這里有個 setContentView方法，里面設置了我們的組件在一個android自己提供的界面上顯示。 
    原來，我們的理論還是適用的，只不過ListActivity給我進行了隱藏實現。 
         */  
        setListAdapter(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("title", "標題"+i);  
            tempHashMap.put("info", "描述性信息");  
            arrayList.add(tempHashMap);  
        }  
        return arrayList;  
    }  
  
    @Override  
    protected void onListItemClick(ListView l, View v, int position, long id) {  
          
        Log.i("輸出信息",v.toString() );  
    }  
      
      
      
}  

zujian.java

package cn.com.android2.listview;  
  
import android.widget.Button;  
import android.widget.ImageView;  
import android.widget.TextView;  
  
public final class ZuJian {  
  
    public ImageView imageView;  
    public TextView titleView;  
    public TextView infoView;  
    public Button button;  
      
      
}  

MyAdapter.java

package cn.com.android2.listview;  
  
import java.util.ArrayList;  
import java.util.HashMap;  
  
import android.app.AlertDialog;  
import android.content.Context;  
import android.content.DialogInterface;  
import android.view.LayoutInflater;  
import android.view.View;  
import android.view.ViewGroup;  
import android.view.View.OnClickListener;  
import android.widget.BaseAdapter;  
import android.widget.Button;  
import android.widget.ImageView;  
import android.widget.TextView;  
/** 
 * @author chenzheng_java 
 * @description 該類的部分實現模仿了SimpleAdapter 
 */  
public class MyAdapter extends BaseAdapter {  
      
    private ArrayList<HashMap<String, Object>> data;  
    /** 
     * LayoutInflater 類是代碼實現中獲取布局文件的主要形式 
     *LayoutInflater layoutInflater = LayoutInflater.from(context); 
     *View convertView = layoutInflater.inflate(); 
     *LayoutInflater的使用,在實際開發種LayoutInflater這個類還是非常有用的,它的作用類似於 findViewById(), 
    不同點是LayoutInflater是用來找layout下xml布局文件，並且實例化！ 
    而findViewById()是找具體xml下的具體 widget控件(如:Button,TextView等)。 
     */  
    private LayoutInflater layoutInflater;  
    private Context context;  
      
      
    public MyAdapter(Context context,ArrayList<HashMap<String, Object>> data) {  
          
        this.context = context;  
        this.data = data;  
        this.layoutInflater = LayoutInflater.from(context);  
    }  
  
    /** 
     *獲取列數  
     */  
    public int getCount() {  
        return data.size();  
    }  
    /** 
     *獲取某一位置的數據  
     */  
    public Object getItem(int position) {  
        return data.get(position);  
    }  
    /** 
     *獲取唯一標識 
     */  
    public long getItemId(int position) {  
        return position;  
    }  
  
    /** 
     * android繪制每一列的時候，都會調用這個方法 
     */  
    public View getView(int position, View convertView, ViewGroup parent) {  
        ZuJian zuJian = null;  
        if(convertView==null){  
            zuJian = new ZuJian();  
            // 獲取組件布局  
            convertView = layoutInflater.inflate(R.layout.vlist2, null);  
            zuJian.imageView = (ImageView) convertView.findViewById(R.id.image);  
            zuJian.titleView = (TextView) convertView.findViewById(R.id.title);  
            zuJian.infoView = (TextView) convertView.findViewById(R.id.info);  
            zuJian.button = (Button) convertView.findViewById(R.id.view_btn);  
            // 這里要注意，是使用的tag來存儲數據的。  
            convertView.setTag(zuJian);  
        }  
        else {  
            zuJian = (ZuJian) convertView.getTag();  
        }  
        // 綁定數據、以及事件觸發  
        zuJian.imageView.setBackgroundResource((Integer) data.get(position).get("image"));  
        zuJian.titleView.setText((String)data.get(position).get("title"));  
        zuJian.infoView.setText((String)data.get(position).get("info"));  
        zuJian.button.setOnClickListener(new OnClickListener(){  
  
            public void onClick(View v) {  
                showInfo();  
            }  
              
        });  
        return convertView;  
    }  
  
    /** 
     *當用戶點擊按鈕時觸發的事件，會彈出一個確認對話框 
     */  
     public void showInfo(){    
  
                 new AlertDialog.Builder(context)    
  
                 .setTitle("我的listview")    
  
                .setMessage("介紹...")    
  
                .setPositiveButton("確定", new DialogInterface.OnClickListener() {    
  
                public void onClick(DialogInterface dialog, int which) {    
  
                     }    
  
                 })    
  
               .show();    
  
                     
  
            }    
  
}  

 

 

 

 

廢話連篇：

 

 代碼中的注釋已經解釋的很清楚了，這里再次強調一遍，三步驟

第一步：准備主布局文件、組件布局文件等

第二步：獲取並整理數據

第三部：綁定數據，這里我們是通過自己編寫adapter來完成的。

 

listView在開始繪制的時候，系統首先調用getCount（）函數，根據他的返回值得到listView的長度，然后根據這個長度，調用getView（）逐一繪制每一行。

如果你的getCount（）返回值是0的話，列表將不顯示同樣return 1，就只顯示一行。

 

 

 

 

　　系統顯示列表時，首先實例化一個適配器（這里將實例化自定義的適配器）。當手動完成適配時，必須手動映射數據，這需要重寫getView（）方法。系統在繪制列表的每一行的時候將調用此方法。

getView()有三個參數，position表示將顯示的是第幾行，covertView是從布局文件中inflate來的布局。我們用LayoutInflater的方法將定義好的vlist2.xml文件提取成View實例用來顯示。然后將xml文件中的各個組件實例化（簡單的findViewById()方法）。

這樣便可以將數據對應到各個組件上了。但是按鈕為了響應點擊事件，需要為它添加點擊監聽器，這樣就能捕獲點擊事件。至此一個自定義的listView就完成了，現在讓我們回過頭從新審視這個過程。系統要繪制ListView了，他首先獲得要繪制的這個列表的長度，然后開始繪制第一行，怎么繪制呢？調用getView()函數。在這個函數里面首先獲得一個View（實際上是一個ViewGroup），然后再實例並設置各個組件，顯示之。好了，繪制完這一行了。那 再繪制下一行，直到繪完為止。在實際的運行過程中會發現listView的每一行沒有焦點了，這是因為Button搶奪了listView的焦點，只要布局文件中將Button設置為沒有焦點就OK了。