androidListView布局之三（使用自定义的Adapter绑定数据，通过contextView.setTag绑定数据）有按钮的ListView

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>  

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> 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> getData(){  
        ArrayList> arrayList = new ArrayList>();  
        for(int i=0;i<10;i++){  
            HashMap tempHashMap = new HashMap();  
            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() );  
    }  
      
      
      
}  

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;  
      
      
}  

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> 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> 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();    
  
                     
  
            }    
  
}