android群英传笔记——ListView常用优化技巧（使用ViewHolder模式提高效率）

最新推荐文章于 2018-08-01 11:41:59 发布

贝维斯

最新推荐文章于 2018-08-01 11:41:59 发布

阅读量586

点赞数

分类专栏： Android 文章标签： android listview 优化

本文链接：https://blog.csdn.net/PD_Wang/article/details/52959117

版权

Android 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

一段时间没有更新博客了，最近开始了JSP的课程，同时也要学习Android，所以进度有所下降，但是不影响笔者Android群英传的学习。

使用ViewHolder模式提高效率

使用ViewHolder模式可以提高50%以上的效率，其使用方法也是比较简单的。只要在自定义的Adapter中定义一个内部类，再将子项的控件获取到并存储进内部类即可。其作用就是优化代码，减少加载控件的时间。

其内部类的定义方法如下所示：

/**
 * 用于缓存已经加载过的子项控件
 */
public final class ViewHolder {
    public ImageView img;
    public TextView title;
}

以下是测试过程：

程序运行如图所示：

运行图

笔者在自定义Adapter内执行ViewHolder时，添加日志输出，以下是第一次运行时的log日志：

10-28 11:58:30.561 14886-14886/com.example.listviewcontrol3 I/HolderAdapter: HolderAdapterGetView: 执行缓存!
10-28 11:58:30.634 14886-14886/com.example.listviewcontrol3 I/HolderAdapter: HolderAdapterGetView: 执行缓存!
10-28 11:58:30.669 14886-14886/com.example.listviewcontrol3 I/HolderAdapter: HolderAdapterGetView: 执行缓存!
10-28 11:58:30.689 14886-14886/com.example.listviewcontrol3 I/HolderAdapter: HolderAdapterGetView: 执行缓存!
10-28 11:58:30.707 14886-14886/com.example.listviewcontrol3 I/HolderAdapter: HolderAdapterGetView: 执行缓存!
10-28 11:58:30.712 14886-14886/com.example.listviewcontrol3 I/HolderAdapter: HolderAdapterGetView: 执行缓存!

读者们可以看出其中的关系吗？对，log缓存次数其实就是屏幕上加载的子项数量，可以看出第一次加载时的速度并没有太大提升，因为都需要进行相同的加载次数。

于是笔者向下滑动了ListView，日志如下所示：

10-28 11:58:30.561 14886-14886/com.example.listviewcontrol3 I/HolderAdapter: HolderAdapterGetView: 执行缓存!
10-28 11:58:30.634 14886-14886/com.example.listviewcontrol3 I/HolderAdapter: HolderAdapterGetView: 执行缓存!
10-28 11:58:30.669 14886-14886/com.example.listviewcontrol3 I/HolderAdapter: HolderAdapterGetView: 执行缓存!
10-28 11:58:30.689 14886-14886/com.example.listviewcontrol3 I/HolderAdapter: HolderAdapterGetView: 执行缓存!
10-28 11:58:30.707 14886-14886/com.example.listviewcontrol3 I/HolderAdapter: HolderAdapterGetView: 执行缓存!
10-28 11:58:30.712 14886-14886/com.example.listviewcontrol3 I/HolderAdapter: HolderAdapterGetView: 执行缓存!
10-28 11:58:33.006 14886-14886/com.example.listviewcontrol3 I/HolderAdapter: HolderAdapterGetView: 执行缓存!

其实笔者滑到了底部，笔者在ListView中设置了10个子项，但是log日志只加载了7次，不是10次吗？不是，在加载完屏幕的子项后，只加载了一次，也就意味着除了屏幕上的加载以外，未显示的子项在第一次加载后，不进行重复加载。也就是说直接调用了ViewHolder内存储的已加载的控件，以此优化了ListView。

笔者在ListView的上方加上了删除和添加子项的按钮，以此测试当ListView添加新的子项时是否直接调用缓存好的子项控件。结果发现日志没有显示执行缓存，意味着在后期添加子项时都无需再加载，直接调用。可见，在子项比较多的时候，此方法可大幅度优化ListView的滑动。

代码

以下是测试代码：

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.listviewcontrol3.MainActivity">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:orientation="horizontal">

        <!--用于添加子项的按钮-->
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="@string/btn_add"
            android:id="@+id/btn_add"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="@string/btn_div"
            android:id="@+id/btn_div" />

    </LinearLayout>

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <!--可以通过 android:divider="@null" 来设置透明分割线-->
        <!--android:scrollbars="none" 可以设置隐藏滚动条-->
        <!--android:listSelector="@android:color/transparent" 用来取消item的点击效果-->
        <ListView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:divider="@color/red"
            android:dividerHeight="3dp"
            android:scrollbars="none"
            android:listSelector="@android:color/transparent"
            android:id="@+id/list_view" />

        <include
            layout="@layout/empty_list_view"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/empty_view"/>

    </FrameLayout>

</LinearLayout>

viewholder_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="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:id="@+id/imageView"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:layout_marginStart="20dp"
        android:textSize="24sp"
        android:id="@+id/textView"/>

</LinearLayout>

empty_item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="@string/list_item_empty"
        android:gravity="center"
        android:textSize="30sp"/>

</LinearLayout>

MainActivity.java

package com.example.listviewcontrol3;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.widget.AbsListView;
import android.widget.Button;
import android.widget.ListView;
import android.widget.Toast;

import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {

    private ArrayList<String> list;
    private HolderAdapter adapter;
    private ListView listView;
    private String TAG = "HolderAdapter";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // 随意加入数据，在适配器内已经设置了图片，故只用向适配器传递一个字符串集合即可
        list = new ArrayList<>();
        for(int i = 0; i < 10; i++){
            list.add(getResources().getString(R.string.list_item_text));
        }
        adapter = new HolderAdapter(this, list);

        listView = (ListView) findViewById(R.id.list_view);
        // 假设控件存在
        assert listView != null : "未找到listVie!!!";
        listView.setAdapter(adapter);
        // 给listView 设置没有数据时显示的视图
        listView.setEmptyView(findViewById(R.id.empty_view));
        //listView.setOnTouchListener(new OnTouchListViewListener());
        listView.setOnScrollListener(new OnListScrollListener());

        Button btnAdd = (Button) findViewById(R.id.btn_add);
        assert btnAdd != null : "未找到btn_add按钮!!!";
        btnAdd.setOnClickListener(new OnAddClickListener());

        Button btnDiv = (Button) findViewById(R.id.btn_div);
        assert btnDiv != null : "未找到btn_div按钮!!!";
        btnDiv.setOnClickListener(new OnDivClickListener());
    }

    /**
     * 添加add按钮监听事件类
     */
    private class OnAddClickListener implements View.OnClickListener {
        @Override
        public void onClick(View v) {
            // 给数据源添加数据
            list.add("new!!!");
            // 刷新界面
            adapter.notifyDataSetChanged();
            // 设置初始时显示的位置
            listView.setSelection(list.size() - 1);
            Log.i(TAG, "btnAddOnClick: 添加成功！");
        }
    }

    /**
     * 添加div按钮监听事件类
     */
    private class OnDivClickListener implements View.OnClickListener {
        @Override
        public void onClick(View v) {
            if(list.size() > 0) {
                // 删除数据源中的数据
                list.remove(list.size() - 1);
                // 刷新界面
                adapter.notifyDataSetChanged();
                // 设置初始时显示的位置
                listView.setSelection(list.size() - 1);
                Log.i(TAG, "btnDivOnClick: 删除成功！");
            } else {
                Toast.makeText(MainActivity.this,R.string.item_not_clear, Toast.LENGTH_SHORT).show();
                Log.i(TAG, "btnDivOnClick: list为空！");
            }
        }
    }

    /**
     * listView的触摸监听类
     */
    private class OnTouchListViewListener implements View.OnTouchListener {
        @Override
        public boolean onTouch(View v, MotionEvent event) {
            switch (event.getAction()){
                case MotionEvent.ACTION_DOWN:
                    // 触碰到时的操作
                    Log.i(TAG, "onTouch: ACTION_DOWN!");
                    break;
                case MotionEvent.ACTION_MOVE:
                    // 移动时的操作
                    Log.i(TAG, "onTouch: ACTION_MOVE!");
                    break;
                case MotionEvent.ACTION_UP:
                    // 离开时操作
                    Log.i(TAG, "onTouch: ACTION_UP!");
                    break;
            }
            return false;
        }
    }

    /**
     * 滑动事件监听类
     */
    private class OnListScrollListener implements AbsListView.OnScrollListener {
        /**
         * 监听滑动状态
         * @param view 监听的控件
         * @param scrollState 监听控件的状态
         */
        @Override
        public void onScrollStateChanged(AbsListView view, int scrollState) {
            switch (scrollState){
                case OnListScrollListener.SCROLL_STATE_IDLE:
                    // 滑动停止时
                    Log.d(TAG, "onScrollStateChanged: scrollStop!");
                    break;
                case OnListScrollListener.SCROLL_STATE_TOUCH_SCROLL:
                    // 正在滑动
                    Log.d(TAG, "onScrollStateChanged: scrolling!");
                    break;
                case OnListScrollListener.SCROLL_STATE_FLING:
                    // 手指抛动时，即手指用力滑动在离开后ListView由于惯性继续滑动
                    Log.d(TAG, "onScrollStateChanged: scrollFling!");
                    break;
            }

        }

        /**
         * 监听listView的滚动状态
         * @param view 当前view
         * @param firstVisibleItem 第一个显示的子项id
         * @param visibleItemCount 可见的子项总数，包括显示部分的子项
         * @param totalItemCount 子项的总数
         */
        @Override
        public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
            // 滚动时一直调用
            Log.d(TAG, "onScroll: onScroll!!!");
            if(firstVisibleItem+visibleItemCount==totalItemCount && totalItemCount>0){
                // 滚动到最后一行
                Log.d(TAG, "onScroll: OnLastItem!");
            }
        }
    }
}

HolderAdapter.java

package com.example.listviewcontrol3;

import android.content.Context;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.List;

/**
 * 利用ViewHolder提高效率
 * Created by shize on 2016/10/24.
 */
public class HolderAdapter extends BaseAdapter {

    private List<String> mData;
    private LayoutInflater mInflater;
    private String TAG = "HolderAdapter";

    public HolderAdapter(Context context, List<String> data) {
        this.mData = data;
        mInflater = LayoutInflater.from(context);
    }

    @Override
    public int getCount() {
        return mData.size();
    }

    @Override
    public Object getItem(int position) {
        return mData.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder = null;
        // 判断是否缓存，若控件已经加载过了，就跳过加载，直接对控件进行样式参数的设置
        if (convertView == null) {
            holder = new ViewHolder();
            // 通过LayoutInflater实例化布局
            convertView = mInflater.inflate(R.layout.viewholder_item, null);
            // 加载控件，缓存进holder内
            holder.img = (ImageView) convertView.findViewById(R.id.imageView);
            holder.title = (TextView) convertView.findViewById(R.id.textView);
            convertView.setTag(holder);
            Log.i(TAG, "HolderAdapterGetView: 执行缓存!");
        } else {
            // 通过tag找到缓存的布局
            holder = (ViewHolder) convertView.getTag();
        }
        // 设置子项控件的图片和文字
        holder.img.setImageResource(R.drawable.ic_launcher);
        holder.title.setText(mData.get(position));
        return convertView;
    }

    /**
     * 用于缓存已经加载过的子项控件
     */
    public final class ViewHolder {
        public ImageView img;
        public TextView title;
    }
}

感谢阅读，学习重在坚持，贵在坚持，那么下次再见。

贝维斯

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
android群英传笔记——ListView常用优化技巧（使用ViewHolder模式提高效率）

一段时间没有更新博客了，最近开始了JSP的课程，同时也要学习Android，所以进度有所下降，但是不影响笔者Android群英传的学习。使用ViewHolder模式提高效率使用ViewHolder模式可以提高50%以上的效率，其使用方法也是比较简单的。只要在自定义的Adapter中定义一个内部类，再将子项的控件获取到并存储进内部类即可。其作用就是优化代码，减少加载控件的时间。...
复制链接

扫一扫