zoukankan      html  css  js  c++  java
  • Android 滚动RecyclerView加载图片时的流畅度优化

    实现:使用onScrollStateChanged回调检测滚动状态,并在RecyclerViewAdapter内部设置类似isScrolling的状态值来控制网络图片的加载。 
    下面是代码举例:

    // BaseAdapter中添加如下代码
    public abstract class BaseRecyclerViewAdapter<T> extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
        ……
        protected boolean isScrolling = false;
        ……
        public void setScrolling(boolean scrolling) {
            isScrolling = scrolling;
        }
    }

    具体的子Adapter实现:

    // 在子Adapter中的onBind里进行控制
    public class SubRecyclerViewAdapter extends BaseRecyclerViewAdapter<DataGuardRanking> {
        ……
        @Override
        public void onBindViewHolder(RecyclerView.ViewHolder viewHolder, int position) {
            RecyclerViewHolder holder = (RecyclerViewHolder) viewHolder;
            ……
            if (!TextUtils.isEmpty(data.getAvatarUrl()) && !isScrolling) {
                // 这里可以用Glide等网络图片加载库
            } else {
                holder.avatarImg.setImageResource(占位图本地资源);
            }
            super.onBindViewHolder(holder, position);
        }
    }

    在UI层进行监听:

    // 外部对RecyclerView设置监听
    mRecyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
        @Override
        public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
            // 查看源码可知State有三种状态:SCROLL_STATE_IDLE(静止)、SCROLL_STATE_DRAGGING(上升)、SCROLL_STATE_SETTLING(下落)
            if (newState == SCROLL_STATE_IDLE) { // 滚动静止时才加载图片资源,极大提升流畅度
                mRecyclerViewAdapter.setScrolling(false);
                mRecyclerViewAdapter.notifyDataSetChanged(); // notify调用后onBindViewHolder会响应调用
            } else
                mRecyclerViewAdapter.setScrolling(true);
            super.onScrollStateChanged(recyclerView, newState);
        }
    });
    mRecyclerView.setAdapter(mRecyclerViewAdapter);
  • 相关阅读:
    文本切换器(TextSwitcher)的功能和用法
    图像切换器(ImageSwitcer)的功能与用法
    ViewSwitcher的功能与用法
    HTTP协议-get请求与post请求的区别
    HTTP协议缓存
    HTTP协议详解
    Vue.js----更换头像不实时更新问题
    Vue.js----date与时间戳的转换(unixTime)Moment.js让日期处理变得更简单
    Let's Encrypt 免费通配 https 签名证书 安装方法
    小程序Openid 获取,服务器 encryptedData 解密 遇到的坑
  • 原文地址:https://www.cnblogs.com/zhujiabin/p/8125578.html
Copyright © 2011-2022 走看看