SwipeRefreshLayout + RecyclerView 实现 上拉刷新 和 下拉刷新
Posted 森林森
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了SwipeRefreshLayout + RecyclerView 实现 上拉刷新 和 下拉刷新相关的知识,希望对你有一定的参考价值。
下拉刷新和上拉刷新都用SwipeRefreshLayout 自带的进度条
布局
<?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="match_parent" android:orientation="vertical" 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.liu.swiperefreshlayoutrecyclerviewdemo.MainActivity"> <android.support.v4.widget.SwipeRefreshLayout android:id="@+id/swipeRefreshLayout" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.v7.widget.RecyclerView android:id="@+id/recyclerView" android:layout_width="match_parent" android:layout_height="match_parent"> </android.support.v7.widget.RecyclerView> </android.support.v4.widget.SwipeRefreshLayout> </LinearLayout>
item布局
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:orientation="vertical" android:layout_margin="5dp" android:layout_width="match_parent" android:layout_height="wrap_content"> <android.support.v7.widget.CardView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="5dp" app:cardCornerRadius="10dp" android:elevation="10dp"> <TextView android:layout_margin="10dp" android:textSize="18sp" android:id="@+id/tvContent" android:text="魂牵梦萦地" android:layout_width="match_parent" android:layout_height="wrap_content"/> </android.support.v7.widget.CardView> </LinearLayout>
Adapter
package com.liu.swiperefreshlayoutrecyclerviewdemo.adapter; 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.TextView; import android.widget.Toast; import com.liu.swiperefreshlayoutrecyclerviewdemo.R; import java.util.List; import butterknife.BindView; import butterknife.ButterKnife; /** * Created by 刘楠 on 2016/9/10 0010.18:06 */ public class RefreshAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> { Context mContext; LayoutInflater mInflater; List<String> mDatas; public RefreshAdapter(Context context, List<String> datas) { mContext = context; mInflater = LayoutInflater.from(context); mDatas = datas; } @Override public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { View itemView = mInflater.inflate(R.layout.item_refresh_recylerview, parent, false); return new ItemViewHolder(itemView); } @Override public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) { if(holder instanceof ItemViewHolder){ ItemViewHolder itemViewHolder = (ItemViewHolder) holder; String str = mDatas.get(position); itemViewHolder.mTvContent.setText(str); } } @Override public int getItemCount() { return mDatas.size(); } @Override public int getItemViewType(int position) { return super.getItemViewType(position); } public class ItemViewHolder extends RecyclerView.ViewHolder { @BindView(R.id.tvContent) TextView mTvContent; public ItemViewHolder(View itemView) { super(itemView); ButterKnife.bind(this,itemView); initListener(itemView); } private void initListener(View itemView) { itemView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Toast.makeText(mContext, "poistion "+ getAdapterPosition(), Toast.LENGTH_SHORT).show(); } }); } } public void AddHeaderItem(List<String> items){ mDatas.addAll(0,items); notifyDataSetChanged(); } public void AddFooterItem(List<String> items){ mDatas.addAll(items); notifyDataSetChanged(); } }
Activity
package com.liu.swiperefreshlayoutrecyclerviewdemo; import android.graphics.Color; 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.view.Window; import android.widget.Toast; import com.liu.swiperefreshlayoutrecyclerviewdemo.adapter.RefreshAdapter; import java.util.ArrayList; import java.util.List; import butterknife.BindView; import butterknife.ButterKnife; public class MainActivity extends AppCompatActivity { @BindView(R.id.recyclerView) RecyclerView mRecyclerView; @BindView(R.id.swipeRefreshLayout) SwipeRefreshLayout mSwipeRefreshLayout; List<String> mDatas = new ArrayList<>(); private RefreshAdapter mRefreshAdapter; private LinearLayoutManager mLinearLayoutManager; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.activity_main); ButterKnife.bind(this); initView(); initData(); initListener(); } private void initView() { mSwipeRefreshLayout.setColorSchemeColors(Color.RED,Color.BLUE,Color.GREEN); } private void initData() { for (int i = 0; i < 10; i++) { mDatas.add(" Item "+i); } initRecylerView(); } private void initRecylerView() { mRefreshAdapter = new RefreshAdapter(this,mDatas); mLinearLayoutManager = new LinearLayoutManager(this,LinearLayoutManager.VERTICAL,false); mRecyclerView.setLayoutManager(mLinearLayoutManager); mRecyclerView.setAdapter(mRefreshAdapter); } private void initListener() { initPullRefresh(); initLoadMoreListener(); } private void initPullRefresh() { mSwipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() { @Override public void onRefresh() { new Handler().postDelayed(new Runnable() { @Override public void run() { List<String> headDatas = new ArrayList<String>(); for (int i = 20; i <30 ; i++) { headDatas.add("Heard Item "+i); } mRefreshAdapter.AddHeaderItem(headDatas); //刷新完成 mSwipeRefreshLayout.setRefreshing(false); Toast.makeText(MainActivity.this, "更新了 "+headDatas.size()+" 条目数据", Toast.LENGTH_SHORT).show(); } }, 3000); } }); } private void initLoadMoreListener() { mRecyclerView.setOnScrollListener(new RecyclerView.OnScrollListener() { int lastVisibleItem ; @Override public void onScrollStateChanged(RecyclerView recyclerView, int newState) { super.onScrollStateChanged(recyclerView, newState); //判断RecyclerView的状态 是空闲时,同时,是最后一个可见的ITEM时才加载 if(newState==RecyclerView.SCROLL_STATE_IDLE&&lastVisibleItem+1==mRefreshAdapter.getItemCount()){ new Handler().postDelayed(new Runnable() { @Override public void run() { List<String> footerDatas = new ArrayList<String>(); for (int i = 0; i< 10; i++) { footerDatas.add("footer item" + i); } mRefreshAdapter.AddFooterItem(footerDatas); Toast.makeText(MainActivity.this, "更新了 "+footerDatas.size()+" 条目数据", Toast.LENGTH_SHORT).show(); } }, 3000); } } @Override public void onScrolled(RecyclerView recyclerView, int dx, int dy) { super.onScrolled(recyclerView, dx, dy); LinearLayoutManager layoutManager = (LinearLayoutManager) recyclerView.getLayoutManager(); //最后一个可见的ITEM lastVisibleItem=layoutManager.findLastVisibleItemPosition(); } }); } }
实现下拉刷新用SwipeRefreshLayout 自带的进度条, 上拉刷新用类似ListView的刷新 提示“加载中”等信息。
load_more 布局
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/loadLayout" android:padding="10dp" android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center" android:orientation="vertical"> <RelativeLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginBottom="5dip" android:layout_marginTop="5dip" android:gravity="center"> <ProgressBar android:id="@+id/pbLoad" android:layout_width="20dp" android:layout_height="20dp" android:layout_centerVertical="true" android:indeterminate="false"/> <TextView android:id="@+id/tvLoadText" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:layout_centerVertical="true" android:layout_marginLeft="4dip" android:layout_toRightOf="@id/pbLoad" android:clickable="true" android:text="魂牵梦萦 魂牵梦萦 " android:textColor="#000000" android:textSize="16sp"/> </RelativeLayout> </LinearLayout>
Adapter
package com.liu.swiperefreshlayoutrecyclerviewdemo.adapter; 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.ProgressBar; import android.widget.TextView; import android.widget.Toast; import com.liu.swiperefreshlayoutrecyclerviewdemo.R; import java.util.List; import butterknife.BindView; import butterknife.ButterKnife; /** * Created by 刘楠 on 2016/9/10 0010.18:06 */ public class RefreshAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> { Context mContext; LayoutInflater mInflater; List<String> mDatas; private static final int TYPE_ITEM = 0; private static final int TYPE_FOOTER = 1; //上拉加载更多 public static final int PULLUP_LOAD_MORE = 0; //正在加载中 public static final int LOADING_MORE = 1; //没有加载更多 隐藏 public static final int NO_LOAD_MORE = 2; //上拉加载更多状态-默认为0 private int mLoadMoreStatus = 0; public RefreshAdapter(Context context, List<String> datas) { mContext = context; mInflater = LayoutInflater.from(context); mDatas = datas; } @Override public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { if (viewType == TYPE_ITEM) { View itemView = mInflater.inflate(R.layout.item_refresh_recylerview, parent, false); return new ItemViewHolder(itemView); } else if (viewType == TYPE_FOOTER) { View itemView = mInflater.inflate(R.layout.load_more_footview_layout, parent, false); return new FooterViewHolder(itemView); } return null; } @Override public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) { if (holder instanceof ItemViewHolder) { ItemViewHolder itemViewHolder = (ItemViewHolder) holder; String str = mDatas.get(position); itemViewHolder.mTvContent.setText(str); } else if (holder instanceof FooterViewHolder) { FooterViewHolder footerViewHolder = (FooterViewHolder) holder; switch (mLoadMoreStatus) { case PULLUP_LOAD_MORE: footerViewHolder.mTvLoadText.setText("上拉加载更多..."); break; case LOADING_MORE: footerViewHolder.mTvLoadText.setText("正加载更多..."); break; case NO_LOAD_MORE: //隐藏加载更多 footerViewHolder.mLoadLayout.setVisibility(View.GONE); break; } } } @Override public int getItemCount() { //RecyclerView的count设置为数据总条数+ 1(footerView) return mDatas.size() + 1; } @Override public int getItemViewType(int position) { if (position + 1 == getItemCount()) { //最后一个item设置为footerView return TYPE_FOOTER; } else { return TYPE_ITEM; } } public class ItemViewHolder extends RecyclerView.ViewHolder { @BindView(R.id.tvContent) TextView mTvContent; public ItemViewHolder(View itemView) { super(itemView); ButterKnife.bind(this, itemView); initListener(itemView); } private void initListener(View itemView) { itemView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Toast.makeText(mContext, "poistion " + getAdapterPosition(), Toast.LENGTH_SHORT).show(); } }); } } public class FooterViewHolder extends RecyclerView.ViewHolder { @BindView(R.id.pbLoad) ProgressBar mPbLoad; @BindView(R.id.tvLoadText) TextView mTvLoadText; @BindView(R.id.loadLayout) LinearLayout mLoadLayout; public FooterViewHolder(View itemView) { super(itemView); ButterKnife.bind(this,itemView); } } public void AddHeaderItem(List<String> items) { mDatas.addAll(0, items); notifyDataSetChanged(); } public void AddFooterItem(List<String> items) { mDatas.addAll(items); notifyDataSetChanged(); } /** * 更新加载更多状态 * @param status */ public void changeMoreStatus(int status){ mLoadMoreStatus=status; notifyDataSetChanged(); } }
Activity
变更加载更多方法
private void initLoadMoreListener() { mRecyclerView.setOnScrollListener(new RecyclerView.OnScrollListener() { int lastVisibleItem ; @Override public void onScrollStateChanged(RecyclerView recyclerView, int newState) { super.onScrollStateChanged(recyclerView, newState); //判断RecyclerView的状态 是空闲时,同时,是最后一个可见的ITEM时才加载 if(newState==RecyclerView.SCROLL_STATE_IDLE&&lastVisibleItem+1==mRefreshAdapter.getItemCount()){ //设置正在加载更多 mRefreshAdapter.changeMoreStatus(mRefreshAdapter.LOADING_MORE); new Handler().postDelayed(new Runnable() { @Override public void run() { List<String> footerDatas = new ArrayList<String>(); for (int i = 0; i< 10; i++) { footerDatas.add("footer item" + i); } mRefreshAdapter.AddFooterItem(footerDatas); //设置回到上拉加载更多 mRefreshAdapter.changeMoreStatus(mRefreshAdapter.PULLUP_LOAD_MORE); Toast.makeText(MainActivity.this, "更新了 "+footerDatas.size()+" 条目数据", Toast.LENGTH_SHORT).show(); } }, 3000); } } @Override public void onScrolled(RecyclerView recyclerView, int dx, int dy) { super.onScrolled(recyclerView, dx, dy); LinearLayoutManager layoutManager = (LinearLayoutManager) recyclerView.getLayoutManager(); //最后一个可见的ITEM lastVisibleItem=layoutManager.findLastVisibleItemPosition(); } }); }
源码:
https://github.com/ln0491/SwipeRefreshLayoutRecyclerViewDemo
以上是关于SwipeRefreshLayout + RecyclerView 实现 上拉刷新 和 下拉刷新的主要内容,如果未能解决你的问题,请参考以下文章
swipeRefreshLayout与webview滑动冲突