动手学Android之九——列表没那么简单

转载：：：：http://blog.csdn.net/yeluoxiang/article/details/25740195

学技术就是要学细节

         上一节我们初步了解了BaseAdapter，实现了自己的Adapter，但是BaseAdapter远没有我们想象的那么简单哦，下面我们来详细分析下，先建立一个工程，ListIsNotEasy，实现自己的Adapter。

 package com.example.adapter;

 import android.content.Context;
 import android.graphics.Color;
 import android.view.View;
 import android.view.ViewGroup;
 import android.widget.BaseAdapter;
 import android.widget.TextView;

 public class MyAdapter extends BaseAdapter {

     private Context context = null;
     private int[] items = null;

     public MyAdapter(Context context) {
         // TODO Auto-generated constructor stub
         this.context = context;
         items = new int[10];
         for(int i=0;i<10;i++) {
             items[i] = (int)(Math.random()*100);
         }
     }

     public int getCount() {
         // TODO Auto-generated method stub
         return items.length;
     }

     public Object getItem(int position) {
         // TODO Auto-generated method stub
         return null;
     }

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

     public View getView(int position, View convertView, ViewGroup parent) {
         // TODO Auto-generated method stub
         TextView textView = new TextView(context);
         textView.setText("" + items[position]);
         textView.setTextSize(30);
         textView.setTextColor(Color.RED);
         return textView;
     }

 }

         这个代码就是我们上一节的水平，我们来看下效果：

         这里展示的是一些随机数，下面我有一个要求，我点击了一个大于50的item，就弹出“大于50”，否则弹出“小于或等于50”，那么这该怎么实现呢？看过了上一节的你肯定觉得很简单，不就是加个Listener吗？

 list.setOnItemClickListener(new OnItemClickListener() {

     public void onItemClick(AdapterView<?> parent, View view,
             int position, long id) {
         // TODO Auto-generated method stub

     }
 });

         等等！突然写不下去了，我只知道我点击的item的position，但是拿不到数据啊！其实解决办法很多，你可以在adapter中提供一个获取里面items的方法，然后在这里获取items，拿到数据；或者就把数据放在Activity中，通过一个set方法set到Adapter中去；但是这些都不是android的菜，android早就知道我们有这个需求，为我们提供了解决方法，还记得getItem么？我们将getItem写成这样：

 public Object getItem(int position) {
     // TODO Auto-generated method stub
     Integer integer = new Integer(items[position]);
     return integer;
 }

         然后我们就有办法了：

 public void onItemClick(AdapterView<?> parent, View view,
         int position, long id) {
     // TODO Auto-generated method stub
     Integer item = (Integer) parent.getItemAtPosition(position);
     if(item.intValue() > 50) {
         Toast.makeText(MainActivity.this, "大于50", Toast.LENGTH_SHORT).show();
     } else {
         Toast.makeText(MainActivity.this, "小于或等于50", Toast.LENGTH_SHORT).show();
     }
 }

         我们先来看看效果：

         效果已达到，到这里我们就知道getItem是干嘛用的了，就是为了在点击时获取数据用的，那么getItemId呢？一样的道理，看到onItemClick有个参数id了吧，这就是getItemId返回的id，到这里你应该懂了吧。但是还没完哦，我们发现getView方法的第二个参数叫convertView，很难理解啊，什么意思呢？我们将它打印出来看看！

         我们发现convert view都是null啊，有啥用呢？别着急，convert view只有在列表项较多的时候才能发挥作用！我们增加一些列表项，将10改成20。再看

         晕，还是null啊，但是注意，这里只加载了0到11项，因为手机上就显示到11项，我们慢慢往下滑动一下

         看到没，第13项的convert view不是null了，那么它是什么呢？你上去看看我们item 0的textView是什么，发现就是它，咦？它把item0的textview放到这里来了，这是干嘛呢？首先我们要明确一点，当item 13显示出来的时候，item 0已经消失了，那么item 0的textview已经不需要了，但是android非常巧妙地把它传到第13项来了，这意味着，如果我们这样写代码：

 public View getView(int position, View convertView, ViewGroup parent) {
     // TODO Auto-generated method stub
     System.out.println("position --> " + position);
     System.out.println("convert view --> " + convertView);
     TextView textView = null;
     if(convertView == null) {
         textView = new TextView(context);
         System.out.println("a new textView view --> " + textView);
     } else {
         textView = (TextView) convertView;
         System.out.println("reuse convert view --> " + convertView);
     }
     textView.setText("" + items[position]);
     textView.setTextSize(30);
     textView.setTextColor(Color.RED);
     return textView;
 }

         是不是就可以实现view的复用呢？如果我们的convert View不为空，我们就不去创建新的View了，而是用convert view。运行下看看：

         看到了吧？我们之后的滑动都是在复用我们的view，这将大大节省内存，不然我们每次滑动都回产生一堆垃圾，不一会儿就运行垃圾回收机制；而这样，我们将垃圾复用，基本上就会产生垃圾了，这就是android，将代码写到极致！

         到这里我要公布一个深坑，我们到目前之所以这么顺利，是因为我们的listview用的是android:layout_height="match_parent"，但是，如果我们在listview下面写点东西，比如一个textview，是看不到的呀，我们很自然会想到用wrap_parent，就这样，掉进了坑里，我们用wrap_parent试一下，你看看log

         一启动就打了144个log，调用了48次getView，而我们的手机只显示12个item，为什么会这样呢？这是因为用wrap_parent，系统一开始并不知道height到底是多少，它只能试着去创建一些View，这样就导致了额外的开销，至于为什么一个view会调用4次，我还真是不清楚，希望有清楚的人能够告诉我啊！

         但是我们总不能一直用match_parent吧，其实没必要，我们还有杀手锏，weight属性，我们可以这样布局：

 <?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="match_parent"
     android:orientation="vertical" >

     <TextView
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:text="@string/up_text"
         />

     <ListView
         android:id="@+id/list"
         android:layout_width="match_parent"
         android:layout_height="0dp"
         android:layout_weight="1"
         />

     <TextView
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:text="@string/bottom_text"
         />

 </LinearLayout>

         看看效果：

         效果不错吧？因为我们用weight属性的时候，系统可以计算出listview的height，就没必要加载多余的view去试啦，不知道weight怎么算的去看我的第四节！

         还有一个问题，我们这里的view很简单，只有一个textView，但是有时候我们的view很复杂耶，这时候我们需要通过一个布局文件去加载它，比如：

 <?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="match_parent"
     android:orientation="horizontal" >

     <TextView
         android:id="@+id/noteasy1"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_weight="1"
         android:textSize="20sp"
         />

     <TextView
         android:id="@+id/noteasy2"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_weight="1"
         android:textSize="20sp"
         />

 </LinearLayout>

         当然，我这里为了突出重点，布局从简了，只有两个TextView，但是也能说明问题了。我们希望把这个布局文件返回给getView函数，但是getView函数要的是View对象，怎么办呢？这里我们就要用LayoutInflater，用layoutInflater = LayoutInflater.from(context);去回去layoutInflater，然后

 public View getView(int position, View convertView, ViewGroup parent) {
     // TODO Auto-generated method stub
     System.out.println("position --> " + position);
     System.out.println("convert view --> " + convertView);
     LinearLayout linearLayout = null;
     if(convertView == null) {
         linearLayout = (LinearLayout) layoutInflater.inflate(R.layout.item, null);
         System.out.println("a new linearLayout view --> " + linearLayout);
     } else {
         linearLayout = (LinearLayout) convertView;
         System.out.println("reuse convert view --> " + convertView);
     }
     TextView noteasy1 = (TextView) linearLayout.findViewById(R.id.noteasy1);
     TextView noteasy2 = (TextView) linearLayout.findViewById(R.id.noteasy2);
     noteasy1.setText("position --> " + position);
     noteasy2.setText("" + items[position]);
     return linearLayout;
 }

         还是这样，我们重用convertView，但是里面的子控件真的被重用了吗？TextView noteasy1 = (TextView)linearLayout.findViewById(R.id.noteasy1);是产生一个新的TextView还是原来的呢？这点至关重要，我们打印出来看看：

         向下滑动：

         我们发现noteast1和noteasy2并没有变化，同样做到了复用，真是好极了！但是还有一点问题，我们每次调用getView的时候都去findViewById了，要知道findViewById需要解析XML文件，再去找到View，也是比较耗时的，我们为什么不把View存下来呢？这样不就不需要findViewById了吗？这就是网上盛传的ViewHolder方法，其实ViewHolder并不是一个系统类，而是我们自己创建的一个用来存储View们的一个类。

 // my ViewHolder
 class RandomName {
     public TextView noteast1 = null;
     public TextView noteast2 = null;
 }

         然后我们的getView变成：

 public View getView(int position, View convertView, ViewGroup parent) {
     // TODO Auto-generated method stub
     System.out.println("position --> " + position);
     System.out.println("convert view --> " + convertView);
     LinearLayout linearLayout = null;
     TextView noteasy1 = null;
     TextView noteasy2 = null;
     if(convertView == null) {
         linearLayout = (LinearLayout) layoutInflater.inflate(R.layout.item, null);
         noteasy1 = (TextView) linearLayout.findViewById(R.id.noteasy1);
         noteasy2 = (TextView) linearLayout.findViewById(R.id.noteasy2);
         RandomName viewHolder = new RandomName();
         viewHolder.noteast1 = noteasy1;
         viewHolder.noteast2 = noteasy2;
         linearLayout.setTag(viewHolder);
         System.out.println("a new linearLayout view --> " + linearLayout);
     } else {
         linearLayout = (LinearLayout) convertView;
         RandomName viewHolder = (RandomName) linearLayout.getTag();
         noteasy1 = viewHolder.noteast1;
         noteasy2 = viewHolder.noteast2;
         System.out.println("reuse convert view --> " + convertView);
     }
     noteasy1.setText("position --> " + position);
     noteasy2.setText("" + items[position]);
     System.out.println("noteast1 --> " + noteasy1);
     System.out.println("noteast2 --> " + noteasy2);
     return linearLayout;
 }

         网上一些资料把ViewHolder弄成内部静态类，我不太清楚为什么弄成静态类，有高手请告诉我一下，这里我还是按大众思维弄成普通内部类吧。

         好了，我们现在来兑现我们的承诺，写一个列表，有头像，有名字，有简介，有人品值，还有小红点，实现下拉刷新人品值，不过这次有点多了，留到下一节好了，哈哈！这么黑我的人品值会不会下跌啊？下节就知道啦！

         好了我们来总结下今天这节：

1、  getItem和getItemId知道是干嘛的了

2、  AdapterView的getItemAtPosition

3、  convertView详解，ViewHolder

4、  发现深坑：listView不要用wrap_parent，要让系统能够直接计算出它的高度，而不是去试

这节的例子在：http://download.csdn.net/detail/yeluoxiang/7342297，其实ListView还不止这么简单哦！不过后面的高级内容我们等到打好了基础再来学习吧！