Android RecyclerView自定義上拉和下拉刷新效果
使用RecyclerView越來(lái)越多了,基本可以不用listview了,但是這個(gè)新的控件谷歌官方似乎設(shè)計(jì)的沒(méi)有想listview那樣方便快捷,listview自帶有headview和 footerview所有我們很方便的可以實(shí)現(xiàn)上拉,下拉刷新,但是我們使用recyclerview就沒(méi)有那樣的舒服了,需要自己動(dòng)手來(lái)實(shí)現(xiàn)這兩個(gè)模塊了。
本人參考了其他幾篇博客使用了下感覺(jué)都有bug存在,于是自己改進(jìn)了下,基本實(shí)現(xiàn)了功能,由于時(shí)間原因代碼封裝的還不徹底,僅供參考。
首頁(yè)布局: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="。。。,看到這個(gè)場(chǎng)景。我看著她她看著我,說(shuō)道:“怎么樣,我當(dāng)年的手工還不錯(cuò)吧。。。。。。。。?!? />
</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>
首頁(yè) 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; //判斷滾動(dòng)狀態(tài)
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); //滑動(dòng)狀態(tài)改變時(shí)觸發(fā)有0,1,2三種狀態(tài)
}
@Override
public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
super.onScrolled(recyclerView, dx, dy);
if (dy > 0) {
//大于0表示正在向下滾動(dòng)
isSlidingToLast = true;
} else {
//小于等于0表示停止或向上滾動(dòng)
isSlidingToLast = false;
}
Log.d("test", "onScrolled"); //當(dāng)RecyclerView滑動(dòng)時(shí)觸發(fā)類似點(diǎn)擊事件的MotionEvent.ACTION_MOVE
int lastVisibleItemPosition = layoutManager.findLastVisibleItemPosition();
if (lastVisibleItemPosition + 1 == adapter.getItemCount()&& isSlidingToLast) {
Log.d("test", "loading executed");//當(dāng)且僅當(dāng)滑動(dòng)到最后一項(xiàng)并且手指上拉拋出時(shí)才執(zhí)行
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(); //延時(shí)執(zhí)行加載
Log.d("test", "load more completed");
isLoading = false;
}
}, 1000);
}
}
}
});
//添加點(diǎn)擊事件
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() { //第一次進(jìn)來(lái)的時(shí)候加載數(shù)據(jù)
handler.postDelayed(new Runnable() {
@Override
public void run() {
getData();
}
}, 1500);
}
/**
* 獲取測(cè)試數(shù)據(jù)
*/
private void getData() {
for (int i = 0; i < 6; i++) { //每次加載六條數(shù)據(jù)
Map<String, Object> map = new HashMap<>();
data.add(map);
}
adapter.notifyDataSetChanged();
swipeRefreshLayout.setRefreshing(false); //加載數(shù)據(jù)后收起下拉刷新
Log.d("test", adapter.getItemCount()+"");
// adapter.notifyItemRemoved(adapter.getItemCount()); //加載數(shù)據(jù)后上拉刷新的腳布局移除掉
// adapter.footerHolder.ll.setVisibility(View.GONE);
//加載數(shù)據(jù)后上拉刷新的腳布局隱藏掉
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行中通過(guò)這三個(gè)條件判斷就可以下拉刷新的執(zhí)行。
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{ //定義一個(gè)viewholder回調(diào)接口
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) { //創(chuàng)建普通類型的item布局
View view = LayoutInflater.from(context).inflate(R.layout.item_base, parent,
false);
Log.d("test", "創(chuàng)建普通類型的item布局");
return new ItemViewHolder(view);
} else if (viewType == TYPE_FOOTER) { //創(chuàng)建腳布局類型的item布局
View view = LayoutInflater.from(context).inflate(R.layout.item_foot, parent,
false);
footerHolder=new FootViewHolder(view);
Log.d("test", "創(chuàng)建腳布局類型的item布局");
return footerHolder;
}
return null;
}
@Override
public void onBindViewHolder(final ViewHolder holder, int position) {
//在onCreateViewHolder執(zhí)行完成后回調(diào)
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行定義一個(gè)借口用來(lái)通知下拉刷新后隱藏腳布局,主要在onCreateViewHolder執(zhí)行完成后回調(diào)。
看看效果圖

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android RecyclerView的簡(jiǎn)單使用
- android RecyclerView側(cè)滑菜單,滑動(dòng)刪除,長(zhǎng)按拖拽,下拉刷新上拉加載
- Android RecyclerView網(wǎng)格布局(支持多種分割線)詳解(2)
- android給RecyclerView加上折疊的效果示例
- Android recyclerview實(shí)現(xiàn)拖拽排序和側(cè)滑刪除
- Android RecyclerView選擇多個(gè)item的實(shí)現(xiàn)代碼
- Android RecyclerView上拉加載和下拉刷新(基礎(chǔ)版)
- Android RecyclerView點(diǎn)擊事件
- Android RecyclerView滾動(dòng)定位
- Android RecyclerView詳解及簡(jiǎn)單實(shí)例
- Android開(kāi)發(fā)中RecyclerView模仿探探左右滑動(dòng)布局功能
- Android基于RecyclerView實(shí)現(xiàn)高亮搜索列表
- Android 中RecyclerView通用適配器的實(shí)現(xiàn)
相關(guān)文章
Android實(shí)現(xiàn)TextView中文字鏈接的4種方式介紹及代碼
Android實(shí)現(xiàn)TextView中文字鏈接的方式有很多種;總結(jié)起來(lái)大概有4種:用Spannable或?qū)崿F(xiàn)它的類,如SpannableString來(lái)格式,部分字符串等等,感興趣的你可以參考下2013-02-02
Android異步加載數(shù)據(jù)和圖片的保存思路詳解
這篇文章主要介紹了Android異步加載數(shù)據(jù)和圖片的保存思路詳解的相關(guān)資料,需要的朋友可以參考下2016-04-04
Android使用Kotlin API實(shí)踐WorkManager
這篇文章主要介紹了Android使用Kotlin API實(shí)踐WorkManager的步驟,幫助大家更好的理解和學(xué)習(xí)使用Android,感興趣的朋友可以了解下2021-04-04
Android?獲取手機(jī)已安裝的應(yīng)用列表實(shí)現(xiàn)詳解
這篇文章主要介紹了Android?獲取手機(jī)已安裝的應(yīng)用列表的實(shí)現(xiàn),有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08
Android 實(shí)現(xiàn)滑動(dòng)的六種方式
這篇文章主要給大家分享的是Android 實(shí)現(xiàn)滑動(dòng)的六種方式,分別是layout、scrollBy、offsetLeftAndRight offsetTopAndButton、LayoutParams、Scroller、平移動(dòng)畫(huà),需要的朋友可以參考一下下面文章的具體內(nèi)容2021-11-11
Android自定義view實(shí)現(xiàn)太極效果實(shí)例代碼
這篇文章主要介紹了Android自定義view實(shí)現(xiàn)太極效果實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2017-05-05
Android軟鍵盤(pán)的顯示隱藏功能實(shí)現(xiàn)過(guò)程
這篇文章主要介紹了Android軟鍵盤(pán)的顯示隱藏功能,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-03-03
Android自定義控件(實(shí)現(xiàn)視圖樹(shù)繪制指示器)
本文主要介紹了Android視圖樹(shù)繪制指示器的實(shí)現(xiàn)原理和具體步驟。具有一定的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-01-01

