ListView优化

视图

  • convertView
    系统在绘制ListVIew时,针对每个Item都会调用一次getView()方法,该方法实现如下:
//写法1
@Override
public View getView(int position, View convertView, ViewGroup parent) {
    View v;
    v = mInflater.inflate(mLayoutId, parent, false);
    ItemInfo typeInfo = getItem(position);
    TextView tv = (TextView) v.findViewById(R.id.title);
    ImageView iv = (ImageView) v.findViewById(R.id.pic);
    tv.setText(typeInfo.typeTitle);
    iv.setImageResource(typeInfo.typePic);

    return v;
}
//---------------------------------------------------------------------------------------
//写法2
@Override
public View getView(int position, View convertView, ViewGroup parent) {
    // TODO Auto-generated method stub
    View v;
    ViewHolder viewHolder;
    ItemInfo item= getItem(position);
    if(convertView == null){
        v = mInflate.inflate(mLayoutId, parent, false);
        viewHolder = new ViewHolder();
        viewHolder.tv = (TextView) v.findViewById(R.id.title);
        viewHolder.iv = (ImageView) v.findViewById(R.id.pic);
        v.setTag(viewHolder);
    }else{
        v = convertView;
        viewHolder = (ViewHolder) v.getTag();
    }
    viewHolder.tv.setText(item.typeTitle);
    viewHolder.iv.setImageResource(item.typePic);
    
    return v;
}
class ViewHolder{
    TextView tv;
    ImageView iv;
}

观察上述两种写法,如果我们不采用convertView的话,Adapter拥有多少个数据就需要Inflate多少个Layout这是非常消耗资源的。而对于ListView而言,同时只需持有屏幕上能显示的最大条目数的View(n条)即可。通过复用convertView的方式,只需执行n次inflate即可,之后则可以只做数据更新操作。
PS: 屏幕上最大能显示的条目数可能不是刚开始显示在屏幕上的完整条目数,可能顶部显示半个item,底部显示半个item,此时显示的条目数才是最多的。

  • ViewHolder
    优化代码如上所示,和复用convertView类似。我们在创建view的同时创建一个ViewHolder对象并执行findViewById()对其成员进行初始化,然后通过View类的setTag()方法将该ViewHolder对象与view绑定。当我们需要更新数据时,通过View类的getTag()的方法获取与控件绑定的ViewHolder对象,然后就可以得到需要更新数据的控件ID,这样就可以减少对findViewById的调用,优化数据更新时的效率。

数据

  • 分批加载
    假设我们拥有的数据源是一个包含有几万条数据的List,此时如果在ListView创建时一次性就将所有的数据加载进来,就可能造成程序卡顿等现象。此时我们可以通过分批加载的方式来加载数据:比如屏幕上最多可以显示8条数据,在初始化时我们一次加载20条数据。当用户将listview滚动到最底部时,程序执行加载数据操作,再次加载50条数据,并更新Adapter,这样用户单次等待时间就是加载50条数据的时间而不是几万条数据的时间。
    实现分批加载的重要实现代码如下:
//maxDataSize:数据源包含的总数据条目
//isLoading:用于判断是否处于load状态
//mData:数据源数据
//mFooterView:用于显示加载中的信息提示
//---------------------------------------------------------------------------------------
/**一次加载50条数据
 * @param totalCount 当前数据的条目数
 */
private ArrayList getNewData(int totalCount) {
    ArrayList data = new ArrayList();
    //如果加载的条目剩余不足50条
    if(totalCount + addCount > maxDataSize){
        for(int i = totalCount; i < maxDataSize; i++)
            data.add(new ItemInfo("这是第"+i+"条列表项", R.drawable.ic_launcher));
    }else{
        for(int i = 1; i <= 50; i++)
            data.add(new ItemInfo("这是第"+(i+totalCount)+"条列表项", R.drawable.ic_launcher));
    }
    return data;
}
//对ListView设立Scroll事件监听,并重写onScroll方法
@Override
public void onScroll(AbsListView view, int firstVisibleItem,int visibleItemCount, final int totalItemCount) {
    // TODO Auto-generated method stub
    Log.d("Optimize", "first:"+ firstVisibleItem+" visible:"+ visibleItemCount
            + " total:" + totalItemCount);
    int lastItemId = view.getLastVisiblePosition();
    //已经显示了最后一条数据
    if(lastItemId == totalItemCount -1){
        if(totalItemCount >= maxDataSize){
            Toast.makeText(this, "没有更多的数据了", Toast.LENGTH_SHORT).show();
        }
        //数据还没有完全加载完,并且不处于load状态
        else if(!isLoading){
            mFooterView.setVisibility(View.VISIBLE);
            new Thread(new Runnable(){

                @Override
                public void run() {
                    // TODO Auto-generated method stub
                    isLoading = true;
                    final ArrayList newData = getNewData(totalItemCount-1);
                    //这里采用延时的方式是为了模拟数据加载的过程,假设数据加载用了3s
                    mHandler.postDelayed(new Runnable(){

                        @Override
                        public void run() {
                            // TODO Auto-generated method stub
                            //adapter的数据更新必须放在UI Thread中否则可能会报这样的错误:
                            //java.lang.IllegalStateException: 
                            //The content of the adapter has changed but ListView did not receive a notification. 
                            mData.addAll(newData);
                            mAdapter.notifyDataSetChanged();
                            if(mListView.getFooterViewsCount() != 0)
                                mFooterView.setVisibility(View.GONE);
                            isLoading = false;
                        }
                        
                    }, 3000);
                }
                
            }).start();
        }
    }
}
  • 分页加载
    采用分批加载的方式主要是优化了ListView加载速度,而假设我们拥有几百万条数据,如果我们只是单纯的执行分批加载,到最后我们的Adapter将持有一个拥有几百万条数据的List,这将占用极大的内存!!
    此时我们可以通过分页加载的方式来优化内存占用。分页加载和分批加载类似,只是在加载第二批数据时对第一批数据进行了清除操作。
    分页加载的重要实现代码如下:
@Override
public void onScroll(AbsListView view, int firstVisibleItem,
        int visibleItemCount, final int totalItemCount) {
    // TODO Auto-generated method stub
    Log.d("Optimize", "first:"+ firstVisibleItem+" visible:"+ visibleItemCount
            + " total:" + totalItemCount);
    int lastItemId = view.getLastVisiblePosition();
    //已经显示了最后一条数据
    if(lastItemId == pageAddCount -1){
        if(totalLoadedItem >= maxDataSize){
            Toast.makeText(this, "没有更多的数据了", Toast.LENGTH_SHORT).show();
        }
        //数据还没有完全加载完,并且不处于load状态
        else if(!isLoading){
            mFooterView.setVisibility(View.VISIBLE);
            new Thread(new Runnable(){

                @Override
                public void run() {
                    // TODO Auto-generated method stub
                    isLoading = true;
                    final ArrayList newData = getNewData(totalLoadedItem-1);
                    //这里采用延时的方式是为了模拟数据加载的过程,假设数据加载用了3s
                    mHandler.postDelayed(new Runnable(){

                        @Override
                        public void run() {
                            mData.clear();
                            mData.addAll(newData);
                            mAdapter.notifyDataSetChanged();
                            mListView.setSelection(0);
                            if(mListView.getFooterViewsCount() != 0)
                                mFooterView.setVisibility(View.GONE);
                            isLoading = false;
                        }
                        
                    }, 3000);
                }
                
            }).start();
        }
    }
}

你可能感兴趣的:(ListView优化)