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<ItemInfo> getNewData(int totalCount) {
    ArrayList<ItemInfo> data = new ArrayList<ItemInfo>();
    //如果加载的条目剩余不足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<ItemInfo> 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<ItemInfo> 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();
        }
    }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,607评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,047评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,496评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,405评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,400评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,479评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,883评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,535评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,743评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,544评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,612评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,309评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,881评论 3 306
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,891评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,136评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,783评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,316评论 2 342

推荐阅读更多精彩内容