亲宝软件园·资讯

展开

RecyclerView自定义上拉和下拉刷新 Android RecyclerView自定义上拉和下拉刷新效果

tijjyire 人气:0
想了解Android RecyclerView自定义上拉和下拉刷新效果的相关内容吗,tijjyire在本文为您仔细讲解RecyclerView自定义上拉和下拉刷新的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:RecyclerView,上拉刷新,下拉刷新,下面大家一起来学习吧。

使用RecyclerView越来越多了,基本可以不用listview了,但是这个新的控件谷歌官方似乎设计的没有想listview那样方便快捷,listview自带有headview和 footerview所有我们很方便的可以实现上拉,下拉刷新,但是我们使用recyclerview就没有那样的舒服了,需要自己动手来实现这两个模块了。

本人参考了其他几篇博客使用了下感觉都有bug存在,于是自己改进了下,基本实现了功能,由于时间原因代码封装的还不彻底,仅供参考。

首页布局:activity_notice

 <?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:background="@android:color/white"
  android:orientation="vertical"
  >

  <include layout="@layout/toolbar" />

  <android.support.v4.widget.SwipeRefreshLayout
    android:id="@+id/SwipeRefreshLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior">

    <android.support.v7.widget.RecyclerView
      android:id="@+id/recyclerView"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:scrollbars="vertical"></android.support.v7.widget.RecyclerView>
  </android.support.v4.widget.SwipeRefreshLayout>
</android.support.design.widget.CoordinatorLayout>  

子item布局:item_base

<?xml version="1.0" encoding="utf-8"?>

<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:layout_marginLeft="@dimen/margin_10"
  android:layout_marginRight="@dimen/margin_10"
  android:layout_marginTop="6dp"
  android:orientation="vertical"
  app:cardBackgroundColor="@color/line"
  app:cardPreventCornerOverlap="true"
  app:cardUseCompatPadding="true"
  app:contentPadding="6dp">

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

    <TextView
      android:id="@+id/tv_date"
      style="@style/NormalTextView"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="2016-10-9 10:00" />

    <android.support.v7.widget.CardView
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:orientation="vertical"
      app:cardBackgroundColor="@color/white"
      app:cardPreventCornerOverlap="true"
      app:cardUseCompatPadding="true"
      app:contentPadding="10dp">

      <TextView
        android:id="@+id/tv_title"
        style="@style/SmallGreyTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:ellipsize="end"
        android:maxLines="2"
        android:text="。。。,看到这个场景。我看着她她看着我,说道:“怎么样,我当年的手工还不错吧。。。。。。。。。”" />

    </android.support.v7.widget.CardView>
  </LinearLayout>

</android.support.v7.widget.CardView>

脚布局 item_foot

<?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="40dp"
  android:gravity="center"
  android:orientation="horizontal"
  android:id="@+id/ll"
 >


  <ProgressBar
    android:layout_marginRight="6dp"
    android:id="@+id/progressBar"
    style="?android:attr/progressBarStyleSmall"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center" />

  <TextView
    android:id="@+id/tv"
    style="@style/SmallGreyTextView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:text="@string/loading" />


</LinearLayout>

toolbar

<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto">

  <android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:fitsSystemWindows="true">

    <android.support.v7.widget.Toolbar
      android:id="@+id/toolbar"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:background="@color/blueStatus"
      android:minHeight="?attr/actionBarSize"
      app:layout_scrollFlags="scroll|enterAlways"
      app:navigationIcon="?attr/homeAsUpIndicator"
      app:theme="@style/Theme.AppCompat.NoActionBar">

    </android.support.v7.widget.Toolbar>
  </android.support.design.widget.AppBarLayout>

首页 MainActivity

package com.lxl.refresh;

import android.os.Bundle;
import android.os.Handler;
import android.support.v4.widget.SwipeRefreshLayout;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.Toolbar;
import android.util.Log;
import android.view.View;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import butterknife.ButterKnife;
import butterknife.InjectView;

/**
 * Description:
 * Author:lxl
 * Date: 2016/10/9 10:15
 */
public class MainActivity extends AppCompatActivity {


  @InjectView(R.id.toolbar)
  Toolbar toolbar;
  @InjectView(R.id.recyclerView)
  RecyclerView recyclerView;
  @InjectView(R.id.SwipeRefreshLayout)
  SwipeRefreshLayout swipeRefreshLayout;
  boolean isSlidingToLast = false; //判断滚动状态
  boolean isLoading;
  private List<Map<String, Object>> data = new ArrayList<>();
  private RecyclerViewAdapter adapter = new RecyclerViewAdapter(this, data);
  private Handler handler = new Handler();

  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_notice);
    ButterKnife.inject(this);
    initView();
    Map<String, Object> map = new HashMap<>();
    initData();
  }

  public void initView() {
    setSupportActionBar(toolbar);
    toolbar.setTitle(R.string.notice);
    toolbar.setNavigationOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        finish();
      }
    });

    swipeRefreshLayout.setColorSchemeResources(R.color.blueStatus);
    swipeRefreshLayout.post(new Runnable() {
      @Override
      public void run() {
        swipeRefreshLayout.setRefreshing(true);
      }
    });

    swipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
      @Override
      public void onRefresh() {
        handler.postDelayed(new Runnable() {
          @Override
          public void run() {
            data.clear();
            getData();
          }
        }, 2000);
      }
    });
    final LinearLayoutManager layoutManager = new LinearLayoutManager(this);
    recyclerView.setLayoutManager(layoutManager);
    recyclerView.setAdapter(adapter);
    recyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {

      @Override
      public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
        super.onScrollStateChanged(recyclerView, newState);
        Log.d("test", "StateChanged = " + newState); //滑动状态改变时触发有0,1,2三种状态


      }

      @Override
      public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
        super.onScrolled(recyclerView, dx, dy);
        if (dy > 0) {
          //大于0表示正在向下滚动
          isSlidingToLast = true;
        } else {
          //小于等于0表示停止或向上滚动
          isSlidingToLast = false;
        }
        Log.d("test", "onScrolled"); //当RecyclerView滑动时触发类似点击事件的MotionEvent.ACTION_MOVE
        int lastVisibleItemPosition = layoutManager.findLastVisibleItemPosition();
        if (lastVisibleItemPosition + 1 == adapter.getItemCount()&& isSlidingToLast) {
          Log.d("test", "loading executed");//当且仅当滑动到最后一项并且手指上拉抛出时才执行

          boolean isRefreshing = swipeRefreshLayout.isRefreshing();
          Log.d("test", "hahh"+isRefreshing);
          if (isRefreshing) { //如何在下拉刷新则隐藏脚布局并且返回
            adapter.notifyItemRemoved(adapter.getItemCount());
            return;
          }
          if (!isLoading) {
            isLoading = true;
            handler.postDelayed(new Runnable() {
              @Override
              public void run() {
                getData(); //延时执行加载
                Log.d("test", "load more completed");
                isLoading = false;
              }
            }, 1000);
          }
        }
      }
    });

    //添加点击事件
    adapter.setOnItemClickListener(new RecyclerViewAdapter.OnItemClickListener() {
      @Override
      public void onItemClick(View view, int position) {
        Log.d("test", "item position = " + position);
      }

      @Override
      public void onItemLongClick(View view, int position) {

      }
    });
  }


  public void initData() { //第一次进来的时候加载数据
    handler.postDelayed(new Runnable() {
      @Override
      public void run() {
        getData();
      }
    }, 1500);

  }

  /**
   * 获取测试数据
   */
  private void getData() {
    for (int i = 0; i < 6; i++) { //每次加载六条数据
      Map<String, Object> map = new HashMap<>();
      data.add(map);
    }
    adapter.notifyDataSetChanged();
    swipeRefreshLayout.setRefreshing(false); //加载数据后收起下拉刷新
    Log.d("test", adapter.getItemCount()+"");

//    adapter.notifyItemRemoved(adapter.getItemCount()); //加载数据后上拉刷新的脚布局移除掉

//    adapter.footerHolder.ll.setVisibility(View.GONE);
    //加载数据后上拉刷新的脚布局隐藏掉
    adapter.setmCreateViewHolder(new RecyclerViewAdapter.onHolderCreate() {
      @Override
      public void created() {
        if (isSlidingToLast==false){
          adapter.footerHolder.ll.setVisibility(View.GONE);
        }else{
          adapter.footerHolder.ll.setVisibility(View.VISIBLE);
        }
      }
    });
  }


}

在第106行中通过这三个条件判断就可以下拉刷新的执行。
RecyclerView的适配器:RecyclerViewAdapter

package com.lxl.refresh;

import android.content.Context;
import android.support.v7.widget.RecyclerView.Adapter;
import android.support.v7.widget.RecyclerView.ViewHolder;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.LinearLayout;
import android.widget.ProgressBar;
import android.widget.TextView;

import java.util.List;

public class RecyclerViewAdapter extends Adapter<ViewHolder> {

  private static final int TYPE_ITEM = 0;
  private static final int TYPE_FOOTER = 1;
  private Context context;
  private List data;

  protected FootViewHolder footerHolder;

  public RecyclerViewAdapter(Context context, List data) {
    this.context = context;
    this.data = data;
  }
  //-------------------------------------
  public interface onHolderCreate{ //定义一个viewholder回调接口
    void created();
  }

  public onHolderCreate getmCreateViewHolder() {
    return mCreateViewHolder;
  }

  public void setmCreateViewHolder(onHolderCreate mCreateViewHolder) {
    this.mCreateViewHolder = mCreateViewHolder;
  }

  private onHolderCreate mCreateViewHolder;

  //-------------------------------------

  public interface OnItemClickListener {
    void onItemClick(View view, int position);

    void onItemLongClick(View view, int position);
  }

  private OnItemClickListener onItemClickListener;

  public void setOnItemClickListener(OnItemClickListener onItemClickListener) {
    this.onItemClickListener = onItemClickListener;
  }

  @Override
  public int getItemCount() {
    return data.size() == 0 ? 0 : data.size() + 1; //添加脚布局
  }

  @Override
  public int getItemViewType(int position) {
    if (position + 1 == getItemCount()) {
      return TYPE_FOOTER; //脚布局
    } else {
      return TYPE_ITEM; //普通item
    }
  }

  @Override
  public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    if (viewType == TYPE_ITEM) { //创建普通类型的item布局
      View view = LayoutInflater.from(context).inflate(R.layout.item_base, parent,
          false);
      Log.d("test", "创建普通类型的item布局");
      return new ItemViewHolder(view);
    } else if (viewType == TYPE_FOOTER) { //创建脚布局类型的item布局
      View view = LayoutInflater.from(context).inflate(R.layout.item_foot, parent,
          false);
      footerHolder=new FootViewHolder(view);
      Log.d("test", "创建脚布局类型的item布局");

      return footerHolder;
    }
    return null;
  }


  @Override
  public void onBindViewHolder(final ViewHolder holder, int position) {
    //在onCreateViewHolder执行完成后回调
    if (holder instanceof FootViewHolder){
      if (mCreateViewHolder!=null){
        mCreateViewHolder.created();
      }
    }
    if (holder instanceof ItemViewHolder) {
      //holder.tv.setText(data.get(position));
      if (onItemClickListener != null) {
        holder.itemView.setOnClickListener(new View.OnClickListener() {
          @Override
          public void onClick(View v) {
            int position = holder.getLayoutPosition();
            onItemClickListener.onItemClick(holder.itemView, position);
          }
        });

        holder.itemView.setOnLongClickListener(new View.OnLongClickListener() {
          @Override
          public boolean onLongClick(View v) {
            int position = holder.getLayoutPosition();
            onItemClickListener.onItemLongClick(holder.itemView, position);
            return false;
          }
        });
      }
    }
  }


  static class ItemViewHolder extends ViewHolder {

    TextView tv;

    public ItemViewHolder(View view) {
      super(view);
      tv = (TextView) view.findViewById(R.id.tv_date);
    }
  }

   class FootViewHolder extends ViewHolder {
     LinearLayout ll;
     ProgressBar pb;
     TextView tv;
    public FootViewHolder(View view) {
      super(view);
      ll=(LinearLayout) view.findViewById(R.id.ll);
      pb=(ProgressBar) view.findViewById(R.id.progressBar);
      tv=(TextView) view.findViewById(R.id.tv);
    }
  }
}

在第30行定义一个借口用来通知下拉刷新后隐藏脚布局,主要在onCreateViewHolder执行完成后回调。

看看效果图

加载全部内容

相关教程
猜你喜欢
用户评论