详解自主实现RecyclerView下拉刷新、上拉加载、Header、Footer以及swiperefreshlayout的部分讲解

来源:互联网 发布:jing 软件 编辑:程序博客网 时间:2024/05/09 14:20

  年前年后的那段时间比较忙,忙的来忘了写博客。最近空闲了,有时间了,来看博客发现有两个来月没有发文章了,对自己的没有坚持先来几个鄙视鄙视鄙视,博客还是要写的,以后会持续更新。

  废话少说,网上关于列表控件(无论是RecyclerView,还是ListView、GridView等等)下拉进行刷新的博客有很多,但是也仅仅只是讲了刷新,关于上拉加载方面要么条理不清,要么胡乱粘贴,有部分甚至讲得狗屁不通(至少我是这么觉得的)。吐槽完了,那么怎么进行刷新加载呢?本文仅仅以提供一个思路的方式,用一个简单的demo说一下。

  整体效果图如下:

  

一、刷新

  简单说说下拉刷新,和很多人用的一样,使用的是Swiperefreshlayout + Recyclerview的方式实现下拉刷新。附上Swiperefreshlayout + Recyclerview的布局文件,如下。  

                                         

既然说到了SwipeRefreshLayout就多说几句:

  ⑴SwipeRefreshLayout是Google官方更新的一个widget控件,可以实现下拉刷新的效果。常用下面几种方法:

swiperefreshlayout.setOnReFreshListener:添加下拉刷新监听器

  setColorSchemeColors方法:设置加载图标的颜色,可以加载多个颜色参数,当然也可以只加载一个

  setProgressBackGroundColorSchemeColor:设置加载图标的背景颜色,可以加载多个颜色参数,也可以只加载一个

  setRefreshing:显示或隐藏刷新进度条,参数为Boolean型,flase使加载图标消失,true使加载图标一直显示

  isFreshing:检查是否处于刷新状态

  RecyclerView的使用就不多赘述了,如果刚接触可以看看Android RecyclerView使用完全解析

  首先初始化:

private void initView() {        swipeRefreshLayout = (SwipeRefreshLayout) findViewById(R.id.swiprefresh);        recyclerView = (RecyclerView) findViewById(R.id.recyclerview);        linearLayoutManager = new LinearLayoutManager(this);        recyclerView.setLayoutManager(linearLayoutManager);  }
  接着以一个方法将模拟加载数据封起来(同时将recyclerview加载adapter放在了这个方法内部):
  public void getData(int num){        for (int i = 0; i < num; i++) {            list.add(i+"");        }        recyclerViewAdapter = new MyRecyclerViewAdapter(getApplicationContext(),list);        recyclerView.setAdapter(recyclerViewAdapter);  }
  题外话:其实在任何开发过程中,都应该建立良好开发习惯,将预估会多次使用的代码块封装成一个类或者一个方法,尚不说设计模式,这样的代码首先给人印象就会很简洁。

  然后在主线程中进行一个简单的模拟刷新操作:

  private void showAct() {        getData(num);//在全局中,num初始化时为41        swipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {            @Override            public void onRefresh() {                list.removeAll(list);                num = 41;                getData(num);                swipeRefreshLayout.setRefreshing(false);            }        });  }
  刷新很简单就是以上所示。

二、加载与自定义Header、Footer
  加载,加载的方式是以自定义一个Footer,然后在Adapter中添加的方式来展示。既然说了Footer,就多一句题外话,demo中有在Adapter中添加一个自滑的ViewPager作为Header。

  傻瓜式讲解:

  因为采用有普通Item、Footer、Header三种不同展示,所以在Adapter中会有三种不同布局的ViewHold,Header已经说过是使用的ViewPager,普通Item是TextView,主要给出Footer(加载)的布局:

  

(1)Adapter

  Adapter中FooterViewHolder展示:

 class FooterViewHolder extends RecyclerView.ViewHolder {        private final ProgressBar progressBar;        private final TextView footer_tv;        private final LinearLayout footerLayout;        public FooterViewHolder(View itemView) {            super(itemView);            footerLayout = (LinearLayout) itemView.findViewById(R.id.footerLayout);            progressBar = (ProgressBar) itemView.findViewById(R.id.item_footer_progressbar);            footer_tv = (TextView) itemView.findViewById(R.id.item_footer_tv);        }  }

 转入正题:首先设置判断普通Item、Header、Footer的标志位:

  public static final int TYPE_ITEM = 0;  public static final int TYPE_FOOTER = 1;  public static final int TYPE_HEADER = 2;

    因为增加了Header、Footer,所以Item的总数是增加了2的,即:

@Override    public int getItemCount() {        return list.size() + 2 ;    }

  同时重写getItemViewType():

  @Override  public int getItemViewType(int position) {        if (position +1 == getItemCount()&& position+1 >= 41) {            return TYPE_FOOTER;        } else if (position == 0) {            return TYPE_HEADER;        } else {            return TYPE_ITEM;        }  }

   关于加载很重要的一步:position+1>=41。在开发过程中,我们完全可以根据Item的高度,决定列表显示多少条数据后才出现加载,在这里我选择的是41,和前文在Activity中模拟数据的Num数值一样,也就是当列表出现第41条数据的时候,出现加载。

  在OnCreateViewHolder()中进行判别:

  

  接着在全局和OnBindViewHolder()中进行操作:

  //初始化加载时的状态  private int load_more_status = 0; //判断是否正在加载  public static final int PULL_LOAD_MORE = 0;  public static final int LOADING_MORE = 1;  @Override  public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {        if (holder instanceof ItemViewHolder) {            //普通Item操作        } else if (holder instanceof FooterViewHolder) {//Footer即加载操作            ((FooterViewHolder) holder).footerLayout.setVisibility(View.VISIBLE);            switch (load_more_status) {                case PULL_LOAD_MORE:                    ((FooterViewHolder) holder).footer_tv.setText("上拉可加载更多");                    break;                case LOADING_MORE:                    ((FooterViewHolder) holder).progressBar.setVisibility(View.VISIBLE);                    ((FooterViewHolder) holder).footer_tv.setText("正在加载");                    break;            }        } else if (holder instanceof HeaderViewHolder) {           //Header中的操作        }  }

    再在Adapter中定义一个改变加载状态位的方法(后面会用到):

  

  以上就是Adapter中操作.回到Activity.

(2)Activity

  设定的是每进行一次加载,多出10条数据,并且每次改变加载状态。

 //表示最后一个Item   private int lastVisibleItem;
recyclerView.setOnScrollListener(new RecyclerView.OnScrollListener() {      @Override      public void onScrollStateChanged(final RecyclerView recyclerView, int newState)   {           super.onScrollStateChanged(recyclerView, newState);        if (lastVisibleItem +1 >= 40){          recyclerViewAdapter.changeLoadMoreStatus(MyRecyclerViewAdapter.LOADING_MORE);           new Handler().postDelayed(new Runnable() {            @Override            public void run() {             num = 10;             getData(num);             recyclerViewAdapter.changeLoadMoreStatus(MyRecyclerViewAdapter.PULL_LOAD_MORE);            }           },1000);        }      }      @Override      public void onScrolled(RecyclerView recyclerView, int dx, int dy) {          super.onScrolled(recyclerView, dx, dy);          lastVisibleItem = linearLayoutManager.findLastCompletelyVisibleItemPosition();      }  });

这样即可。

1 0