基于NestedScrolling机制实现下拉刷新 overScroll 等

新版本

Refreshlayout Adapter Statelayout

github地址

Refreshlayout

由于是继续nestedscrolling ,只支持像recycleview nestedscrollview等子view

刷新库部分包含以下功能:
1.普通上拉刷新,下拉加载
2.类似小米系统的橡皮泥模式 elastic_overscroll
3.overscroll类似iphone的橡皮泥模式 overscroll
4.估值模式,只提供上下拉过程中的数值,可监听设置listener做你想要的事情 evaluate
5.估值模式下的内刷新,与普通刷新相比,它是控制adapter最前面一个和最后面一个的高度来显示刷新头尾(有些是互斥的不要都配置)


基于NestedScrolling机制实现下拉刷新 overScroll 等_第1张图片
GIF.gif

基于NestedScrolling机制实现下拉刷新 overScroll 等_第2张图片
GIF2.gif

基于NestedScrolling机制实现下拉刷新 overScroll 等_第3张图片
GIF3.gif
 

多类型Adapter使用

adpter包含以下主要功能:
1.多类型item的支持 通过addtype
2.不同模式下列宽的控制
3.只设置position 的,估值模式
4.增量更新集成
5.复杂数据根据泛型自动匹配类型,也可重写istype自定义什么情况下是该类型
6.移除了状态布局的支持
[图片上传失败...(image-e1beda-1518149122575)]

默认根据itemholder的泛型确定相应position的类型
[图片上传失败...(image-a5035a-1518149122575)]

状态布局的封装

原adapter的状态布局单独做成一个statlayout,以增加对非recyclerview的支持,用法与之前一样
[图片上传失败...(image-120154-1518149122575)]

更多功能

itemholder 重写相应方法可达到gridlayoutManager staggled设置列宽

  public abstract class ItemHolder {
    private int layout;
    /**
     * StaggeredLayoutManager重写此方法
     *
     * @return 是否占据一个
     */
    public boolean isfull() {
        return false;
    }

    /**
     * GrideLayoutManager重写此方法
     *
     * @param position
     * @return 占的个数
     */
    public int gridSpanSize(T item, int position) {
        return 1;
    }

    /**
     * onBind时调用
     *
     * @param holder
     * @param item
     * @param position
     */
    public abstract void onBind(Holder holder, T item, int position);

    /**
     * 是否是这种Type的view
     *
     * @param item
     * @param position
     * @return
     */
    public boolean istype(Object item, int position){
        return true;
    }

    public int getLayout() {
        return layout;
    }

    public ItemHolder setLayout(int layout) {
        this.layout = layout;
        return this;
    }
}



---




------------------------------------下面过时-------------------------------------------------




#### 基于NestScroll机制实现下拉刷新 overScroll 等
# [最新库说明传送门](http://www.jianshu.com/p/88795dff987c)
# [最新库 github传送门](https://github.com/While1true/NestPullView)

[GitHub传送门](https://github.com/While1true/-NestedScrolling-overScroll-.git)
[AppSample](http://pan.baidu.com/s/1gfxM40N)
---
前言:为什么网上这种轮子这么多了,还要造轮子呢?

产品经理:能不能想ios那样,不要滑到低了就划不动了? 需要OverScroll

产品经理:能不能在顶部时往下拉 头部变大 需要视差效果 就是我下面说的估值模式

产品经理: 在顶部时下拉头部变大,底部时,上拉加载

产品经理:上拉加载体验不好,能不能预加载,还没滑到底部时就开始加载,这样感觉很流畅

> 网上轮子虽多,但不是自己造的改起来特麻烦,也不能需要一个功能就去集成一个库吧,

---
看看如何造一个轮子满足以上要求

先看看实际项目效果

![2017-07-11-09-34-05.gif](http://upload-images.jianshu.io/upload_images/6456519-05d86e83e5518835.gif?imageMogr2/auto-orient/strip)


![2017-07-11-09-39-40.gif](http://upload-images.jianshu.io/upload_images/6456519-dc7aecd8f6b0d28a.gif?imageMogr2/auto-orient/strip)


![2017-07-11-09-41-25.gif](http://upload-images.jianshu.io/upload_images/6456519-eedeb9c8d1b63d14.gif?imageMogr2/auto-orient/strip)


---

1.实现的View(只支持竖直的方向):
- SRecyclerview:对Recyclerview的包装
- SScrollView:对ScrollView的包装
- SAllView: 理论支持,所有实现了NestScrollChild的View    daemo 以NestScrollWebView为例

###### xml配置
- SRecyclerView

android:background="#f0f0f0"
android:id="@+id/srecyclerview"
android:layout_height="match_parent"
android:layout_width="match_parent">


- SScrollView 同ScrollView
- SAllView  NestedScrollWebView为例

android:id="@+id/sallview"
android:layout_width="match_parent"
android:layout_height="match_parent">
android:id="@+id/webview"
android:layout_width="match_parent"
android:layout_height="match_parent"/>



##### 1.我是如何使用
参数说明

srecyclerview //默认头尾布局
.addDefaultHeaderFooter()
//添加自定义头部
.addHeader(header, 100)
//添加自定义尾部
.addFooter(footer, 50)
//张力比例 默认为3
.setPullRate(3)
//若需要预加载,就是距离倒数第几个item开始加载
.setPreLoadingCount(3)
//set Layoutmanage Adapter
.setAdapter(new GridLayoutManager(this, 2), adapter)
//是否可下拉 是否可上拉 是否要调用下拉加载 是否要调用上拉加载
//boolean head, boolean foot, boolean canLoadingHeader, boolean canloadingFooter
.setRefreshMode(true, true, false, false)
//估值模式:是否真实移动 头部 尾部 false下只提供估值 .setActrullyScrollMode(false, false)
.setRefreshingListener(new SRecyclerView.OnRefreshListener() {
//下拉值 值是负数
@Override
public void pullDown(int height) {
super.pullDown(height);
ic.getLayoutParams().height = ic_origin_height - height;
ic.requestLayout();
}
//上拉值 正数
@Override
public void pullUp(int height) {
super.pullUp(height);
}
//上拉刷新时调用
@Override
public void Loading() {
super.Loading();
}
//预加载时调用
@Override
public void PreLoading() {
super.PreLoading();
}
//下拉刷新时调用
@Override
public void Refreshing() {

                        }
                    });

#### 2.如何集成到你的项目,该如何弄
> 头布局和尾布局换成你的就行了,为什么不集成各种默认的头布局,封装?一是懒,二是实际项目中封装再多也不一定有你要的,没必要做那么多无用
1. 先看看我的默认实现

1.  纯代码写的,android的代码中确实不好写布局
 也有单独代码调用的 addheader addFooter方法

--当然你可以写在xml中写,然后用LayoutInfinite来加载头部尾部View
1. 然后headLayout.add你的头布局  this.headerHeight=头布局高度 --headerHeight有用来作为加载停留的位置
然后headLayout.getlayotparams.topMargin = -headerHeight;将头布局隐藏
1. footLayout.add你的尾布局 this.footerHeight=尾布局高度
1. 动画的实现:请参考代码中默认的headerprogress;headTitle的实现 

public SRecyclerView addDefaultHeaderFooter() {
    isusingDefault = true;
    this.headerHeight = dp2px(65);
    RelativeLayout relativeLayout = new RelativeLayout(getContext());
    RelativeLayout.LayoutParams params1 = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
    params1.addRule(RelativeLayout.CENTER_IN_PARENT);
    relativeLayout.setLayoutParams(params1);
    ImageView imageView = new ImageView(getContext());
    imageView.setImageResource(R.drawable.ptr_background);

// imageView.setImageBitmap(BitmapFactory.decodeByteArray(bg, 0, bg.length));
imageView.setScaleType(ImageView.ScaleType.CENTER_INSIDE);
RelativeLayout.LayoutParams paramsimageView = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
paramsimageView.addRule(RelativeLayout.CENTER_HORIZONTAL);
imageView.setId(12);
imageView.setPadding(0, dp2px(12), 0, 0);
imageView.setLayoutParams(paramsimageView);
relativeLayout.addView(imageView);

    LinearLayout linearLayout1 = new LinearLayout(getContext());
    RelativeLayout.LayoutParams linearLayout1params1 = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
    linearLayout1params1.addRule(RelativeLayout.BELOW, 12);
    linearLayout1params1.addRule(RelativeLayout.CENTER_HORIZONTAL);
    linearLayout1.setLayoutParams(linearLayout1params1);


    headerprogress = new ImageView(getContext());

// headerprogress.setImageBitmap(BitmapFactory.decodeByteArray(pro, 0, pro.length));
headerprogress.setImageResource(R.drawable.ptr_loading);

    headTitle = new TextView(getContext());
    headTitle.setText("下拉刷新");
    LayoutParams headTitleparams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
    headTitleparams.gravity = Gravity.CENTER_VERTICAL;
    headTitle.setPadding(dp2px(5), 0, 0, 0);
    headTitle.setLayoutParams(headTitleparams);

    linearLayout1.addView(headerprogress);
    linearLayout1.addView(headTitle);

    relativeLayout.addView(linearLayout1);

    headLayout.removeAllViews();
    LayoutParams params2 = new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, headerHeight);
    params2.gravity = Gravity.CENTER_VERTICAL;
    headLayout.setOrientation(HORIZONTAL);
    params2.topMargin = -headerHeight;
    headLayout.setLayoutParams(params2);
    headLayout.addView(relativeLayout);


    this.footHeight = dp2px(45);
    footLayout.removeAllViews();
    LinearLayout linearLayout2 = new LinearLayout(getContext());
    linearLayout2.setOrientation(HORIZONTAL);
    LayoutParams layoutParams2 = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, footHeight);
    layoutParams2.gravity = Gravity.CENTER_VERTICAL;
    linearLayout2.setLayoutParams(layoutParams2);
    ProgressBar progressBar = new ProgressBar(getContext());
    LayoutParams params3 = new LayoutParams(dp2px(30), dp2px(30));
    params3.gravity = Gravity.CENTER_VERTICAL;
    progressBar.setLayoutParams(params3);
    Drawable drawable = getResources().getDrawable(R.drawable.ptr_loading);
    drawable.setBounds(0, 0, dp2px(30), dp2px(30));
    progressBar.setProgressDrawable(drawable);

    TextView footText = new TextView(getContext());
    footText.setText("正在加载...");
    LayoutParams params4 = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
    params4.gravity = Gravity.CENTER_VERTICAL;
    footText.setLayoutParams(params4);

    linearLayout2.addView(progressBar);
    linearLayout2.addView(footText);
    footLayout.addView(linearLayout2);
    LayoutParams layoutParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, footHeight);
    layoutParams.gravity = Gravity.CENTER_HORIZONTAL;
    footLayout.setLayoutParams(layoutParams);

    return this;
}

#### 3.原理 NestedScrolling机制
[思路来源参考自马云飞博客打造独一无二的下拉刷新](http://blog.csdn.net/sw950729)
根据他的做了自己的实现,大家可以去查看详细的原理说明。

overscroll的实现:就是空的头尾布局,并去掉加载停留阶段

预加载:大家不想要我这个View的也可单独把这段拿去自己的RecyclerView上用

更多细节使用请参考demo

myRecyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
@Override
public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
super.onScrolled(recyclerView, dx, dy);

                RefreshLoading(recyclerView, count);
        }
    });


//count:倒数几个开始加载
private void RefreshLoading(RecyclerView recyclerView, int count) {
if (isLoading || prenomore) {
return;
}
int lastPosition = -1;

    RecyclerView.LayoutManager layoutManager = recyclerView.getLayoutManager();
    if (layoutManager instanceof StaggeredGridLayoutManager) {
        //因为StaggeredGridLayoutManager的特殊性可能导致最后显示的item存在多个,所以这里取到的是一个数组
        //得到这个数组后再取到数组中position值最大的那个就是最后显示的position值了
        int[] lastPositions = new int[((StaggeredGridLayoutManager) layoutManager).getSpanCount()];
        ((StaggeredGridLayoutManager) layoutManager).findLastVisibleItemPositions(lastPositions);
        lastPosition = findMax(lastPositions);
    } else if (layoutManager instanceof LinearLayoutManager) {
        lastPosition = ((LinearLayoutManager) layoutManager).findLastVisibleItemPosition();
    } else if (layoutManager instanceof GridLayoutManager) {
        //通过LayoutManager找到当前显示的最后的item的position
        lastPosition = ((GridLayoutManager) layoutManager).findLastVisibleItemPosition();
    }

    //内容数量很少无需要预加载
    if (recyclerView.getLayoutManager().getItemCount() - count < 0) {
        return;
    }
    if (lastPosition >= recyclerView.getLayoutManager().getItemCount() - count) {
        if (!isLoading) {
            isLoading = true;
            listener.PreLoading();
        }
    }

}

//找到数组中的最大值
private int findMax(int[] lastPositions) {
    int max = lastPositions[0];
    for (int value : lastPositions) {
        if (value > max) {
            max = value;
        }
    }
    return max;
}
#### 4.其他
大家也看到demo中少了 2 和4两个选项。本来还有个Fling的实现,由于有少许bug,临时删掉了。但在SScrollview中有保留
大家感兴趣的可以查看。其他用法基本和SRecyclerview一样

sscrollview.setRefreshMode(true,true,false,false)
//fling 头部是否出来 尾部是否出来 是否加载
//boolean overscrollhead, boolean overscrollfoot, boolean overloadingheader, boolean overloadingfooter
.setOverScrollEnable(true,true,true,true);

####总结
> 我们做了什么:
1.RecyclerVire ScrollView,WebView或者任何NestedScrollingChild的OverScroll 下拉加载 ,估值模式下根据数值做任何你想做的,可参看上面实际项目的图片,[以及DEMO](http://pan.baidu.com/s/1gfxM40N)  ——————— [ githu代码](https://github.com/While1true/JSSample/tree/master)Sample3目录下
# [ 最新库说明传送门](http://www.jianshu.com/p/88795dff987c)
# [最新库 github传送门](https://github.com/While1true/NestPullView)


[累了来听首歌--咏梅](https://changba.com/s/VxmBhNm_g7_SohfNT4TsMQ?&code=RkvQSz26kloiq37EELKi5jfO_iIrZXqjqcgQ1_FoPj_bUJnu-s0jIMTHc3rAO8C9RRlOS2KAxvm13fMb5yk6GGraA4Xc7RJTcZEMgiGcARc)


——
aa

你可能感兴趣的:(基于NestedScrolling机制实现下拉刷新 overScroll 等)