自定义Adapter及其实例

案例概览步骤：

1)创建2个layout，一个是界面顶部的显示，一个是ListView中的内容

   1.1)ListView_header.xml(注：自我感觉界面中的控件的位置摆放与layout_width/layout_height/orientation/gravity/layout_gravity的属性设置关系非常大，一定要注意每个属性的用法)

 

<?xml version="1.0" encoding="UTF-8"?>
<!-- 第一个LinearLayout，充当父容器，要包揽两行，因此设置其 android:orientation为    纵向-->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical">
    
    <!-- 第二个LinearLayout 
    android:gravity 表示该LinearLayout中的类容相对于该LinearLayout 水平居中
    android:layout_gravity 表示的是该LinearLayout相对于它上面的父容器(这里是第一个LinearLayout)水平居中
    -->
    <LinearLayout android:id="@+id/toprow"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gravity="center_horizontal">
        
     <TextView android:id="@+id/quna"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:textColor="#ff9966ff"
         android:textSize="25dp"
         android:text="@string/places"/>
     
     <!-- 用一个图片按钮 -->
     <ImageButton android:id="@+id/goBtn"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:src="@drawable/quna"/>
    </LinearLayout>
    
    <TextView android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="@string/placesList"
         android:textColor="#ff9966ff"
         android:textSize="20dp"/>
    
    <ListView android:id="@+id/list_places"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"/>
    
</LinearLayout>

 

1.2)listview_item.xml

 

<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal" //此属性的设置非常重要,决定里面的控件横向摆放
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <!-- android:layout_margin设置图片与旁边文章的距离 -->
    <ImageView android:id="@+id/image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"/>
    <LinearLayout android:orientation="vertical" //也很重要决定里面的两个textview竖着放
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <TextView android:id="@+id/title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="#ff3399ff"
            android:textSize="20dp"/>
        <TextView android:id="@+id/info"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="#ff3399ff"
            android:textSize="13dp"/>
    </LinearLayout>
    <!-- 注意此处button的属性android:layout_gravity的用法 ,这里设置了都没效果
    这里不是很理解为什么要在加一个LinearLayout，里面的button才可以居右??
    而且LinearLayout的width必须为fill_parent才可以
    -->
    <LinearLayout android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        >
    <Button android:id="@+id/viewBtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/btn_select"
        android:layout_gravity="bottom|right"/>
    
    </LinearLayout>
</LinearLayout>

 

2)、写java class，开发activity(建一个class继承Activity,添加click事件的时候还要实现onClickListener接口)

       2.1)  重写onCreate方法----------------------------------------------->

 

         private ListView listView;
         private ImageButton goBtn;
         private List<Map<String, Object>> testData;

      protected void onCreate(Bundle savedInstanceState) {
                      super.onCreate(savedInstanceState);
                      setContentView(R.layout.listview_header);//这里运行该项目的时候,让其显示listview_header.xml界面(layout)，然后再将listview要显示的item项加到里面
                      //获得listview_header.xml中的ListView控件

                      listView = (ListView) findViewById(R.id.list_places);
                      //获得imageButton给它添加click事件
                      goBtn = (ImageButton) findViewById(R.id.goBtn);
                      goBtn.setOnClickListener(new OnClickListener() {
                                 //这里只是做出了简单的弹出框
                                @Override
                                 public void onClick(View v) {
                                            new AlertDialog.Builder(BaseAdapterTest2.this).setTitle("想去的国家：")

                                                                                  .setMessage("i want to go France")

                                                                                  .setPositiveButton("确定", null).sho();
                                  }
                                 });
  
                     //数据源
                     testData = buildData();
                     MyAdapter adapter = new MyAdapter(this);

                     //通过setAdapter而把数据绑定到ListView中
                     listView.setAdapter(adapter); 
           }

 

      2.2)创建数据，注意这里为什么要是Map类型的List集合

            private List<Map<String, Object>> buildData(){
                        List<Map<String, Object>> data = new ArrayList<Map<String,Object>>();
                        Map<String, Object> map = new HashMap<String, Object>();

                        map.put("title", "中国");
                       map.put("info", "China");
                       map.put("image", R.drawable.p6);
                       data.add(map);
  
                       map = new HashMap<String, Object>();
                       map.put("title", "英国");
                       map.put("info", "England");
                       map.put("image", R.drawable.p7);
                       data.add(map);
  
                       map = new HashMap<String, Object>();
                       map.put("title", "美国");
                       map.put("info", "America");
                       map.put("image", R.drawable.p9);
  
                        map = new HashMap<String, Object>();
                        map.put("title", "荷兰");
                        map.put("info", "Dutch");
                        map.put("image", R.drawable.p9);
                       data.add(map);
  
                       map = new HashMap<String, Object>();
                       map.put("title", "新西兰");
                       map.put("info", "New Zealand");
                       map.put("image", R.drawable.p7);
                       data.add(map);

 

                       data.add(map);
  
                       return data;

           }

 

         2.3)写自定义adapter(它是一个内部类,继承自BaseAdapter,并不确定是否自定义的adapter一般都是继承它)，尤其注意其中的几个方法

           public class MyAdapter extends BaseAdapter{

                       private LayoutInflater inflater;//这个一定要懂它的用法及作用
  
                      //构造函数:要理解(这里构造方法的意义非常强大,你也可以传一个数据集合的参数,可以根据需要来传参数)
                      public MyAdapter(Context context){
                                 this.inflater = LayoutInflater.from(context);
                      }
  
                     //这里的getCount方法是程序在加载显示到ui上时就要先读取的，这里获得的值决定了listview显示多少行
                     @Override
                     public int getCount() {
                               //在实际应用中，此处的返回值是由从数据库中查询出来的数据的总条数
                               return testData.size();
                     }

                     

                     //根据ListView所在位置返回View

                    @Override
                     public Object getItem(int position) {
                                // TODO Auto-generated method stub
                               return this.testData.get(position);
                     }

 

                      //根据ListView位置得到数据源集合中的Id

                     @Override
                     public long getItemId(int position) {
                               // TODO Auto-generated method stub
                               return position;
                     }

                    //重写adapter最重要的就是重写此方法，此方法也是决定listview界面的样式的
                    @Override
                    public View getView(int position, View convertView, ViewGroup parent) {
                                    //有很多例子中都用到这个holder,理解下??
                               ViewHolder holder = null;

                                //思考这里为何要判断convertView是否为空  ？？
                                if(convertView == null){
                                         holder = new ViewHolder();
    
                                         //把vlist layout转换成View【LayoutInflater的作用】
                                         convertView = inflater.inflate(R.layout.vlist, null);
                                         //通过上面layout得到的view来获取里面的具体控件
                                         holder.image = (ImageView) convertView.findViewById(R.id.image);
                                         holder.title = (TextView) convertView.findViewById(R.id.title);
                                         holder.info = (TextView) convertView.findViewById(R.id.info);
                                         holder.viewBtn = (Button) convertView.findViewById(R.id.viewBtn);
                                         //不懂这里setTag什么意思??
                                         convertView.setTag(holder);
                               }
                               else{
                                          holder = (ViewHolder) convertView.getTag();
                                }
                            //这里testData.get(position).get("title1"))，其实就是从list集合(testData)中取出对应索引的map，然后再根据键值对取值
                            holder.image.setBackgroundResource((Integer) testData.get(position).get("image1"));
                            holder.title.setText((String) testData.get(position).get("title1"));
                            holder.info.setText((String) testData.get(position).get("info1"));
                            //为listview上的button添加click监听
                            holder.viewBtn.setOnClickListener(new View.OnClickListener() {
                                       @Override
                                       public void onClick(View v) {
                                                   .....
                                       }
                            });
   
              return convertView;
  }
  
 }

 

        到此，整个案例的关键部分已经全部出来了，做的过程中有很多地方没有想通也都做有注释，做完以后，多揣摩了几遍才将就理解，嘿嘿

重点提出一个疑问：不能确定是否在onCreate方法中的 new Adapter，在里面表面上看是只调用了一次而进入自定义Adapter中调用(其实也没有直接调用，自己想的它可能有一个自己的内部机制，每new完一个Adapter就直接调用getCount/getView方法吗)它里面的方法 ，调用一次就会绘制一个ListView中的一个item项，那么有很多条item的时候，它是否要那样循环调用很多次呢？？

       getView方法中的参数，convertview那块。在初始化的时候，每显示一行item项都会调用一次getView方法但每次调用的时候convertview为null(因为还没有旧的view);如果屏幕移动了之后，并且导致某些item项跑到屏幕外面，此时如果还有新的item需要产生，则这些item显示时调用的getView方法中的convertview就不为null,而是那些移出到屏幕之外的view，我们所要做的就是将需要显示的item项填充到移除屏幕外的(旧的)view中去，注意【convertview为null的不仅仅是初始化显示的那些item,还有一些是已经开始移入屏幕但还没有view被回收的那些item】。