菜单

Recyclerview完成下拉加载和上拉自动加载

2019年2月19日 - 注册免费送38元体验金

前提:

今日市面上的Android的App只要涉及到互联网互动的,大约都独具上拉刷新的效应。无论是音讯资讯类的简书丹佛掘金(Denver Nuggets),依旧直播类的斗鱼火猫。网上的各样框架,也多的文山会海。像自家事先用的SwipeToLoadLayout,就是一个很好的下拉刷新框架。但是谷歌(Google)在5.0今后出了SwipeRefreshLayout,个人就很喜欢material
design风格的宏图。终究谷歌(谷歌)自家出的,出生就带光环。哈哈,不聊天了,上边进入正题。

1.SwipeRefreshLayout用法:

注册免费送38元体验金 1

image.png

从源码中能够见见,他自家继承与ViewGroup。所以只须要将她像相似的ViewGroup一样用就好了。

    //xml代码
    <android.support.v4.widget.SwipeRefreshLayout
        android:id="@+id/swiperefreshlayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

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

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

那里介绍多少个SwipeRefreshLayout的代码的为主用法:

        //下拉刷新的圆圈是否显示
        refreshLayout.setRefreshing(false);

        //设置下拉时圆圈的颜色(可以由多种颜色拼成)
        refreshLayout.setColorSchemeResources(android.R.color.holo_blue_light,
                android.R.color.holo_red_light,
                android.R.color.holo_orange_light);

        //设置下拉时圆圈的背景颜色(这里设置成白色)
        refreshLayout.setProgressBackgroundColorSchemeResource(android.R.color.white);

        //设置下拉刷新时的操作
        refreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
            @Override
            public void onRefresh() {
                  //具体操作
                  ·······
            }
        });

诸如此类二个不难易行的下拉刷新就完了了,简单吗。哈哈。

2.上拉加载:

下边重点来了,谷歌(谷歌(Google))只提供了下拉刷新,但却从没像其余下拉刷新框架一样提供上拉加载的效益。那可如何做呢,别急。有的考察仔细的情侣可能会发觉,未来市面上用SwipeRefreshLayout做下拉刷新的,一般加载的时候都以用的自发性加载。不像是传统的下拉刷新框架,会有二个明明的上牵动作。而是滑到一定的地方,就进展机动加载。那样会使用户拥有更好的体会,省去了等待上拉加载的时辰。

代码:
 private class MyAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
        private final static int TYPE_CONTENT=0;//正常内容
        private final static int TYPE_FOOTER=1;//下拉刷新

        @Override
        public int getItemViewType(int position) {
            if (position==listData.size()){
                return TYPE_FOOTER;
            }
            return TYPE_CONTENT;
        }

        @Override
        public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            if (viewType==TYPE_FOOTER){
                View view = LayoutInflater.from(getApplicationContext()).inflate(R.layout.activity_main_foot, parent, false);
                return new FootViewHolder(view);
            }
            else {
                View view = LayoutInflater.from(getApplicationContext()).inflate(R.layout.activity_main_item, parent, false);
                MyViewHolder myViewHolder = new MyViewHolder(view);
                return myViewHolder;
            }
        }

        @Override
        public void onBindViewHolder(RecyclerView.ViewHolder holder, final int position) {
            if (getItemViewType(position)==TYPE_FOOTER){

            }
            else{
                MyViewHolder viewHolder= (MyViewHolder) holder;
                viewHolder.textView.setText("第" + position + "行");
            }
        }


        @Override
        public int getItemCount() {
            return listData.size()+1;
        }
    }

    private class MyViewHolder extends RecyclerView.ViewHolder {
        private TextView textView;
        public MyViewHolder(View itemView) {
            super(itemView);
            textView = itemView.findViewById(R.id.textItem);
        }
    }

    private class FootViewHolder extends RecyclerView.ViewHolder{
        private ContentLoadingProgressBar progressBar;
        public FootViewHolder(View itemView) {
            super(itemView);
            progressBar=itemView.findViewById(R.id.pb_progress);
        }
    }
分析:

彰显部分分为两有的,
局地是常规的来得内容,
另一某些就是滑到底端的ProgressBar。
就此理应给RecyclerView增添贰个progressBar作为footer。当然那里也不必然是progressbar作为footer,具体是哪些View可以由你自个儿定义。

由于手动给RecyclerView增添了多少个Footer所以,recyclerview显示的item个数就得+1.

        @Override
        public int getItemCount() {
            return listData.size()+1;//listData是数据源
        }

当recyclerview滑动到最低端时要给他添加三个底部的footer。所以要安装三个viewHolder,三个是平常的始末,另三个是滑动到底端时浮现的自定义view

        private final static int TYPE_CONTENT=0;//正常内容
        private final static int TYPE_FOOTER=1;//加载View

        @Override
        public int getItemViewType(int position) {
            if (position==listData.size()){
                return TYPE_FOOTER;//判断滑到最底部时,返回的ViewType为TYPE_CONTENT。
            }
            return TYPE_CONTENT;
        }

recyclerview的onCreateViewHolder中:依照viewType来判定recyclerview应该绑定哪个viewHolder。
此地大家定义五个viewHolder,贰个平常加载内容的MyViewHolder(viewTpye==TYPE_CONTENT)
,还有一个当滑动到低端时的FootViewHolder(viewTpye==TYPE_FOOTER) 。

        @Override
        public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            if (viewType==TYPE_FOOTER){
                View view = LayoutInflater.from(getApplicationContext()).inflate(R.layout.activity_main_foot, parent, false);
                return new FootViewHolder(view);
            }
            else {
                View view = LayoutInflater.from(getApplicationContext()).inflate(R.layout.activity_main_item, parent, false);
                MyViewHolder myViewHolder = new MyViewHolder(view);
                return myViewHolder;
            }
        }
注册免费送38元体验金,自定义ViewHolder的代码
    private class MyViewHolder extends RecyclerView.ViewHolder {
        private TextView textView;
        public MyViewHolder(View itemView) {
            super(itemView);
            textView = itemView.findViewById(R.id.textItem);
        }
    }

    private class FootViewHolder extends RecyclerView.ViewHolder{
        private ContentLoadingProgressBar progressBar;
        public FootViewHolder(View itemView) {
            super(itemView);
            progressBar=itemView.findViewById(R.id.pb_progress);
        }
    }
activity_main_item.xml
<android.support.v7.widget.CardView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    app:cardElevation="2dp"
    android:layout_margin="5dp"
    tools:context="app.com.swiperefreshlayout.activity.MainActivity">
    <TextView
        android:id="@+id/textItem"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:minHeight="45dp"
        android:text=""
        android:gravity="center"/>
</android.support.v7.widget.CardView>
activity_main_foot.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <android.support.v4.widget.ContentLoadingProgressBar
        android:id="@+id/pb_progress"
        style="?android:attr/progressBarStyle"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal" />
</LinearLayout>
剩余的在onBindViewHolder中展开绑定操作就好了
        @Override
        public void onBindViewHolder(RecyclerView.ViewHolder holder, final int position) {
            if (getItemViewType(position)==TYPE_FOOTER){
                //可以进行操作
            }
            else{
                MyViewHolder viewHolder= (MyViewHolder) holder;
                viewHolder.textView.setText("第" + position + "行");
            }
        }

上拉加载的Listener

下拉刷新时用的SwipeRefreshLayout的OnRefreshListener()接口。
而recyclerview没有上拉加载接口,那里大家可以团结定义3个。

RecyclerView.OnScrollListener()有三个重写方法,2个是onScrolled另一个是onScrollStateChanged大家先来分析一下那七个章程。

onScrollStateChanged:

注册免费送38元体验金 2

onScrollStateChanged.png

源码中浮现的newState是立异滑动否的情形值。有多个值,
SCROLL_STATE_DRAGGING:拖拽(Recyclerview滑动时重临的状态值)
SCROLL_STATE_SETTLING:甘休(Recyclerview截止时重临的情况值,此时手指已经偏离显示屏可是recyclerview或者由于惯性照旧在滑行)
SCROLL_STATE_IDLE:空闲(Recyclerview空闲时回来的景况值,recyclerview完全截止)

onScrolled:

注册免费送38元体验金 3

onScrolled.png

看源码得知,那么些格局是recyclerview滑动时调用的办法。dx是水平滑动时的离开,dy是笔直滑动时的离开。

重写OnScrollListener

领悟了那五个主意以及参数的法力。大家就要重写滑动接口。
一般来说图所示:

/**
 * @作者JTL.
 * @日期2017/12/1.
 * @说明:加载更多Listener
 */

public abstract class onLoadMoreListener extends RecyclerView.OnScrollListener {
    private int countItem;
    private int lastItem;
    private boolean isScolled = false;//是否可以滑动
    private RecyclerView.LayoutManager layoutManager;

    /**
     * 加载回调方法
     * @param countItem 总数量
     * @param lastItem  最后显示的position
     */
    protected abstract void onLoading(int countItem, int lastItem);

    @Override
    public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
     /* 测试这三个参数的作用
        if (newState==SCROLL_STATE_IDLE){
            Log.d("test","SCROLL_STATE_IDLE,空闲");
        }
        else if (newState==SCROLL_STATE_DRAGGING){
            Log.d("test","SCROLL_STATE_DRAGGING,拖拽");
        }
        else if (newState==SCROLL_STATE_SETTLING){
            Log.d("test","SCROLL_STATE_SETTLING,固定");
        }
        else{
            Log.d("test","其它");
        }*/
        //拖拽或者惯性滑动时isScolled设置为true
        if (newState == SCROLL_STATE_DRAGGING || newState == SCROLL_STATE_SETTLING) {
            isScolled = true;
        } else {
            isScolled = false;
        }

    }

    @Override
    public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
        if (recyclerView.getLayoutManager() instanceof LinearLayoutManager) {
            layoutManager = recyclerView.getLayoutManager();
            countItem = layoutManager.getItemCount();
            lastItem = ((LinearLayoutManager) layoutManager).findLastCompletelyVisibleItemPosition();
        }
        if (isScolled && countItem != lastItem && lastItem == countItem - 1) {
            onLoading(countItem, lastItem);
        }
    }
}
调用onLoadMoreListener:

写完那么些类之后,大家就足以一向在Activity中调用了。

        recyclerView.addOnScrollListener(new onLoadMoreListener() {
            @Override
            protected void onLoading(int countItem,int lastItem) {
                handler.postDelayed(new Runnable() {
                    @Override
                    public void run() {
                        getData("loadMore");
                    }
                },1000);
            }
        });

上面上两张Gif图看下效果

注册免费送38元体验金 4

refresh.gif

注册免费送38元体验金 5

loadmore.gif

那样三个简短的下拉加载以及上拉自行刷新就ok了。
有毛病的希望大家一齐商讨。喜欢的点个爱好也好不简单给自己的一点小引力。感激,哈哈!

Demo地址:https://github.com/13046434521/loadMoreDemo

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图