ListView优化(2)，卡顿问题

前面一节我们了解和解决了ListView列表错乱问题，本节我们来进行另外一个ListView的优化，也就是滑动卡顿问题。

二、ListView的卡顿问题

1. 问题描述

在开发过程中，我们常常需要在每一项ListView显示的时候通过线程池去获取数据，比如图片和文字，然而如果用户频繁的上下滑动时，会出现滑动卡顿的现象。

2. 问题原因

原因在于当用户频繁滑动ListView时，会在瞬间产生很多个加载数据任务导致线程池的拥堵并随即带来大量的UI更新操作，但频繁的更新UI是没有意义的，因为在滑动的过程中，显示出来的信息用户根本看不到，反而这些UI操作运行在主线程，造成了一定程度的卡顿。

3. 问题代码

已知问题的原因是，就算在滑动当中，ListView也会去更新每一项列表。这里在BaseAdapter的getView中得到体现。
原始的BaseAdapter的getView方法：

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    ViewHolder vh = null;
    if(convertView == null)
    {
        convertView = LayoutInflater.from(mContext).inflate(R.layout.item_list, parent, false);
        vh = new ViewHolder(
                ((ImageView)convertView.findViewById(R.id.iv_uil)));
        convertView.setTag(vh);
        
    }else
    {
        vh = (ViewHolder) convertView.getTag();
    }
    
    //在子线程中异步加载图片，其中List包含图片的URL
    loadImageAync(list.get(position),vh.imageView);
    
    return convertView;
}

4. 解决方法

已知卡顿问题是由于ListView在滑动过程中依然为每条列表加载数据并更新UI，那么解决的方法只要让ListView在滑动的过程中加载数据停止更新UI，在滑动停止后再继续获取数据和更新UI。

在代码中是通过给ListView设置OnScrollListener，然后用一个标志位mIsListViewIdle记录当前ListView是否空闲，在滑动的时候为false，在空闲的时候为true。然后在BaseAdapter的getView当中加载数据前判断该标志位，如果为true才进行数据加载。总结起来一共有3步：

1. 创建一个ListView空闲标志位mIsListViewIdle成员变量
2. 为ListView设置OnScrollListener，并重写onScrollStateChanged方法，在滚动的时候将mIsListViewIdle设置为false，停止的时候设置为true
3. BaseAdapter的getView中，在加载数据之前先判断mIsListViewIdle是否为true，如果是才开始加载数据

关键实现代码：

public class MainActivity extends Activity implements OnScrollListener {

    private ListView mListView;
    private ImageAdapter mAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        mListView = (ListView) findViewById(R.id.lv);
        mAdapter = new ImageAdapter(this);
        mListView.setAdapter(mAdapter);
        //设置OnScrollListener
        mListView.setOnScrollListener(this);
    }

    private class ImageAdapter extends BaseAdapter {   
        ...
        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            ViewHolder vh = null;
            if(convertView == null)
            {
                convertView = LayoutInflater.from(mContext).inflate(R.layout.item_list, parent, false);
                vh = new ViewHolder(
                        ((ImageView)convertView.findViewById(R.id.iv_uil)));
                convertView.setTag(vh);
                
            }else
            {
                vh = (ViewHolder) convertView.getTag();
            }
            
            //只有ListView处于空闲状态才能加载数据
            if(mIsListViewIdle)
            {
                loadImageAync(list.get(position),vh.imageView);
            }
            return convertView;
        }
    } 

    @Override
    public void onScrollStateChanged(AbsListView view, int scrollState) {
        if (scrollState == OnScrollListener.SCROLL_STATE_IDLE) {
            mIsGridViewIdle = true;
            mImageAdapter.notifyDataSetChanged();
        } else {
            mIsGridViewIdle = false;
        }
    }
}