0
点赞
收藏
分享

微信扫一扫

RecyclerView与SwipeRefreshLayout的完美搭配

绣文字 2023-09-25 阅读 49
SwipeRefreshLayoutandroidRecyclerViewide下拉刷新Python后端开发


SwipeRefreshLayout 是谷歌公司推出的用于下拉刷新的控件，在Version 19.1之后SwipeRefreshLayout 被放到support v4中。我们在前面也已经说过一个SwipeRefreshLayout和ListView实现上拉加载、下拉刷新的例子。而现在RecyclerView也已作为实现列表功能的首选组件，而它本身并没有实现上拉加载、下拉刷新的功能，本节我们就来利用SwipeRefreshLayout 和RecyclerView来实现上拉加载、下拉刷新的功能。


SwipeRefreshLayout 常用的方法如下:


  • setOnRefreshListener(OnRefreshListener):下拉刷新监听器，当用户下拉的时候会触发
  • setRefreshing(boolean):设置SwipeRefreshLayout当前是否处于刷新状态，一般是在请求数据的时候设置为true，在数据被加载到View中后，设置为false。
  • isRefreshing():检查是否处于刷新状态
  • setColorSchemeResources():设置进度条的颜色主题，最多设置四种，以前的setColorScheme()方法已经弃用了。
  • setProgressViewOffset(boolean scale, int start, int end) 调整进度条距离屏幕顶部的距离

布局文件很简单 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.xmr.recycleandswiperefresh.MainActivity">

    <android.support.v4.widget.SwipeRefreshLayout
        android:id="@+id/srl_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.v7.widget.RecyclerView
            android:id="@+id/ryv_main"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

    </android.support.v4.widget.SwipeRefreshLayout>
</RelativeLayout>



接着在Activity中获取SwipeRefreshLayout控件并且设置OnRefreshListener监听器，同时实现里边的onRefresh()方法，在该方法中进行网络请求最新数据，然后刷新RecyclerView列表同时设置SwipeRefreshLayout的显示效果。具体代码如下：



mSwipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
    @Override
    public void onRefresh() {
        //实际项目中这里一般是用网络请求获取数据
        mList.add("下拉刷新");
        mAdapter.notifyDataSetChanged();
        mSwipeRefreshLayout.setRefreshing(false);
    }
});



RecyclerView的实现：
第一种，下拉刷新和上拉刷新都用SwipeRefreshLayout 自带的效果



mRecyclerView.setOnScrollListener(new RecyclerView.OnScrollListener() {

            @Override
            public void onScrollStateChanged(RecyclerView recyclerView,
                                             int newState) {
                super.onScrollStateChanged(recyclerView, newState);
                if (newState == RecyclerView.SCROLL_STATE_IDLE
                        && lastVisibleItem + 1 == mAdapter.getItemCount()) {
                    mSwipeRefreshLayout.setRefreshing(true);
                    //实际项目中这里一般是用网络请求获取数据
                    mList.add("上拉加载");
                    //为了有刷新的效果，延迟关闭刷新效果
                    mSwipeRefreshLayout.postDelayed(new Runnable() {
                        @Override
                        public void run() {
                            mSwipeRefreshLayout.setRefreshing(false);
                            mAdapter.notifyDataSetChanged();

                        }
                    }, 2000);

                }
            }

            @Override
            public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
                super.onScrolled(recyclerView, dx, dy);
                //判断是当前layoutManager是否为LinearLayoutManager
                // 只有LinearLayoutManager才有查找第一个和最后一个可见view位置的方法
                if (linearLayoutManager instanceof LinearLayoutManager) {
                    //获取最后一个可见view的位置
                    lastVisibleItem = linearLayoutManager.findLastVisibleItemPosition();
                    //获取第一个可见view的位置
//            int firstItemPosition = linearLayoutManager.findFirstVisibleItemPosition();
                }
            }
        });



效果如下：



RecyclerView与SwipeRefreshLayout的完美搭配_RecyclerView



第二种实现下拉刷新用SwipeRefreshLayout 自带的效果， 上拉加载我们可以给RecyclerView 添加一个类似FooterView的item。
我们在Adapter中实现：



package com.xmr.recycleandswiperefresh;

import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.LinearLayout;
import android.widget.TextView;

import java.util.List;

/**
 * Created by Administrator on 2016/9/13.
 */
public class RefreshAdapter1 extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
    private Context mContext;
    private List<String> mDatas;
    private static final int TYPE_ITEM = 0;  //普通Item View

    private static final int TYPE_FOOTER = 1;  //底部FootView
    //已经到底了
    public static final int PULLUP_LOAD_MORE = 0;
    //正在加载中
    public static final int LOADING_MORE = 1;
    //上拉加载状态-默认为0
    private int load_more_status = 0;

    public RefreshAdapter1(Context mContext, List<String> mDatas) {
        this.mContext = mContext;
        this.mDatas = mDatas;
    }

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        //进行判断显示类型，来创建返回不同的View
        if (viewType == TYPE_ITEM) {
            View view = LayoutInflater.from(parent.getContext()).inflate(
                    R.layout.item_recycler_refresh, null);
//            view.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT,
//                    LayoutParams.WRAP_CONTENT));
            return new ItemHolder(view);
        }
        // type == TYPE_FOOTER 返回footerView
        else if (viewType == TYPE_FOOTER) {
            View view = LayoutInflater.from(parent.getContext()).inflate(
                    R.layout.item_recycler_footer, null);
//            view.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT,
//                    LayoutParams.WRAP_CONTENT));
            return new FooterHolder(view);
        }
        return null;
    }

    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
        if (holder instanceof ItemHolder) {
            ItemHolder itemHolder = (ItemHolder) holder;
            itemHolder.textView.setText(mDatas.get(position));
        } else if (holder instanceof FooterHolder) {
            FooterHolder footHolder = (FooterHolder) holder;
            //这句如果不注释，那么底部就会有添加的一个item
            footHolder.linearLayout.setVisibility(View.GONE);
            switch (load_more_status) {
                case PULLUP_LOAD_MORE:
                    footHolder.linearLayout.setVisibility(View.GONE);
//                    footHolder.textView.setText("已经到底了");
                    break;
                case LOADING_MORE:
                    footHolder.linearLayout.setVisibility(View.VISIBLE);
                    footHolder.textView.setText("正在加载更多数据...");
                    break;
            }
        }
    }

    @Override
    public int getItemCount() {
        return mDatas == null ? 0 : mDatas.size() + 1;
    }

    @Override
    public int getItemViewType(int position) {
        // 最后一个item设置为footerView
        if (position + 1 == getItemCount()) {
            return TYPE_FOOTER;
        } else {
            return TYPE_ITEM;
        }
    }

    class ItemHolder extends RecyclerView.ViewHolder {
        public TextView textView;

        public ItemHolder(View itemView) {
            super(itemView);
            textView = (TextView) itemView.findViewById(R.id.tv_item_recycler_refresh);
        }
    }

    class FooterHolder extends RecyclerView.ViewHolder {
        public TextView textView;
        public LinearLayout linearLayout;

        public FooterHolder(View itemView) {
            super(itemView);
            textView = (TextView) itemView.findViewById(R.id.tv_item_recycler_footer);
            linearLayout = (LinearLayout) itemView.findViewById(R.id.ll_item_recycler_footer);
        }
    }

    /**
     * //上拉加载更多
     * PULLUP_LOAD_MORE=0;
     * //正在加载中
     * LOADING_MORE=1;
     * //加载完成已经没有更多数据了
     * NO_MORE_DATA=2;
     *
     * @param status
     */
    public void changeMoreStatus(int status) {
        load_more_status = status;
        notifyDataSetChanged();
    }
}



而对RecyclerView的上拉加载，我们这样实现： 



mRecyclerView.setOnScrollListener(new RecyclerView.OnScrollListener() {

            @Override
            public void onScrollStateChanged(RecyclerView recyclerView,
                                             int newState) {
                super.onScrollStateChanged(recyclerView, newState);
                if (newState == RecyclerView.SCROLL_STATE_IDLE
                        && lastVisibleItem + 1 == mAdapter.getItemCount()) {
                    Log.i(">>>>>", ">>>>" + lastVisibleItem + ">>>" + mAdapter.getItemCount());
                    mAdapter.changeMoreStatus(mAdapter.LOADING_MORE);
                    //为了有刷新的效果，延迟2s修改状态
                    new Handler().postDelayed(new Runnable() {
                        @Override
                        public void run() {
                            mAdapter.changeMoreStatus(RefreshAdapter1.PULLUP_LOAD_MORE);
                            //实际项目中这里一般是用网络请求获取数据
                            mList.add("上拉加载");
                        }
                    }, 2000);
                }
            }

            @Override
            public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
                super.onScrolled(recyclerView, dx, dy);
                //判断是当前layoutManager是否为LinearLayoutManager
                // 只有LinearLayoutManager才有查找第一个和最后一个可见view位置的方法
                if (linearLayoutManager instanceof LinearLayoutManager) {
                    //获取最后一个可见view的位置
                    lastVisibleItem = linearLayoutManager.findLastVisibleItemPosition();
                    //获取第一个可见view的位置
//            int firstItemPosition = linearLayoutManager.findFirstVisibleItemPosition();
                }
            }
        });
    }



最终效果如下：



RecyclerView与SwipeRefreshLayout的完美搭配_android_02


不过，现在也有点bug，如果列表没有占满屏幕的话，下拉刷新的时候也会同时触发上拉加载的效果，大家如果有好的解决方案的话可以给我说下，先谢谢了


举报

相关推荐

SwipeRefreshLayout 嵌套 RecyclerView滑动冲突

滑动冲突SwipeRefreshLayout嵌套Android移动开发

Android GridView/ListView与SwipeRefreshLayout 常见的冲突解决并不完美

GridView下拉问题SwipeRefreshLayoutHarmonyOS后端开发

Android SwipeRefreshLayout 、RecyclerView冲突下拉冲突的解决方案

ide解决方法屏幕高度Linux系统/运维

RecyclerView简单案例&添加下拉刷新(SwipeRefreshLayout)、上拉加载(lastVisibleItem)

androidide加载虚拟化云计算

解决SwipeRefreshLayout与ScrollView滑动冲突

android嵌套滑动事件虚拟化云计算

ListView与RecyclerView

随笔

viewpager与recyclerview

viewpager数据换页下拉刷新Linux系统/运维

PullToRefresh和SwipeRefreshLayout的使用

androidPullToRefreshSwipeRefreshLayoutide控件HarmonyOS后端开发

kafka运行环境的搭配与实践

kafka云计算分布式zookeeper命令行系统/运维

Android解决SwipeRefreshLayout与ViewPager横向滑动冲突

Android随记
0 条评论