小撸BGARefreshView 自定义控件

在Github瞎逛时发现开源的BGARefreshView自定义控件，趁着有空就学习学习，效果还不错额，看下面效果图

I 开源项目的地址

https://github.com/bingoogolapple/BGARefreshLayout-Android

II 用法

添加gradle依赖

dependencies 
{
    compile 'com.android.support:recyclerview-v7:latestVersion'
    compile 'com.nineoldandroids:library:2.4.0'
    compile 'cn.bingoogolapple:bga-refreshlayout:1.1.6'
}

下面是xml的布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical" android:layout_width="match_parent"
        android:layout_height="match_parent">

        <cn.bingoogolapple.refreshlayout.BGARefreshLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/bga_refresh"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

            <!--只能有一个子控件，必须设置权重-->
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight="1"
                android:orientation="vertical">

                <TextView
                    android:layout_width="match_parent"
                    android:text="仿mooc网的下拉刷新"
                    android:padding="5dp"
                    android:gravity="center"
                    android:textSize="15sp"
                    android:layout_height="100dp" />
                <TextView
                    android:layout_width="match_parent"
                    android:text="仿mooc网的下拉刷新1"
                    android:padding="5dp"
                    android:gravity="center"
                    android:textSize="15sp"
                    android:layout_height="100dp" />
                <TextView
                    android:layout_width="match_parent"
                    android:text="仿mooc网的下拉刷新2"
                    android:padding="5dp"
                    android:gravity="center"
                    android:textSize="15sp"
                    android:layout_height="100dp" />


           </LinearLayout>
    </cn.bingoogolapple.refreshlayout.BGARefreshLayout>
</LinearLayout>

下面是具体的实现代码

/**
* Created by WYK on 2016/11/9.
*/
public class Wfragment extends Fragment {

        private BGARefreshLayout refreshLayout;
        private Handler mHandler = new Handler();

        @Nullable
        @Override
        public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
            View rootView = inflater.inflate(R.layout.fragment_w_refresh, container, false);
            refreshLayout = findView(rootView, R.id.bga_refresh);
            initRefresh();                                      

            return rootView;
        }
        /**初始化刷新加载控件*/
        private void initRefresh(){
            refreshLayout.setDelegate(new BGARefreshLayout.BGARefreshLayoutDelegate() {             //代理监听
                @Override
                public void onBGARefreshLayoutBeginRefreshing(final BGARefreshLayout refreshLayout) {       //开始下拉刷新
                    mHandler.postDelayed(new Runnable() {
                        @Override
                        public void run() {
                            refreshLayout.endRefreshing();
                        }
                    },1500);
                }
                @Override
                public boolean onBGARefreshLayoutBeginLoadingMore(final BGARefreshLayout refreshLayout) {   //开始上拉加载
                    mHandler.postDelayed(new Runnable() {
                    @Override
                    public void run() {
                        refreshLayout.endLoadingMore();
                    }
                },1500);
                return true;           //返回true才会显示加载更多的提示，处理更多数据的显示进度框
            }
            });

            BGAMoocStyleRefreshViewHolder refreshViewHolder = new BGAMoocStyleRefreshViewHolder(getActivity(), true);
          //  WYKMoocStyleRefreshViewHolder refreshViewHolder = new WYKMoocStyleRefreshViewHolder(getActivity(),true);        //自定义的
            refreshViewHolder.setOriginalImage(R.mipmap.bga_refresh_moooc);
            refreshViewHolder.setUltimateColor(R.color.colorAccent);
            refreshViewHolder.setLoadMoreBackgroundColorRes(R.color.colorPrimary);
            refreshLayout.setRefreshViewHolder(refreshViewHolder);
        }

        public <VT> VT findView(View rootView,int resId){
            VT t = (VT) rootView.findViewById(resId);
            return t;
        }

}

上面是具体的仿慕课网下拉刷新的效果实现，当然BGARefreshView自定义控件还有其他效果，实现代码大体相同，只要传入实现的不同的RefreshViewHolder即可实现，看看下面的效果图；

---

III 罗列各个主要类的简解

BGARefreshViewHolder

这是一个抽象类，抽取了刷新加载控件的公共属性和方法，主要有下拉控件、刷新控件、背景颜色及drawable设置、下拉的默认高度及控制等等，该类的具体体现是在与BGARefreshLayout的关联中，可以看到该类的setRefreshLayout方法，作用是供BGARefreshLayout调用，传入BGARefreshLayout对象,结合这两个类的查看，可以看到BGARefreshViewHolder这个类主要提供了初始化控件的方法，供BGARefreshLayout对象在各个生命周期及方法里调用，可以将BGARefreshViewHolder看成是刷新控件布局的持有者，对其基本的初始化配置。

---

WYKMoocStyleRefreshViewHolder/BGAMeiTuanRefreshViewHolder/BGAMoocStyleRefreshViewHolder/BGANormalRefreshViewHolder/BGAStickinessRefreshViewHolder

上面的都是继承自BGARefreshViewHolder抽象类的子类，分别为类似慕课网的下拉刷新效果控件(仿慕课网下拉刷新控件的基础上改的)、仿美团下拉刷新控件、仿慕课网下拉刷新控件、仿新浪微博下拉刷新控件、黏性下拉刷新风格控件；主要实现的获取头部刷新控件的方法，毕竟各个下拉控件的刷新效果都不一，还有一些子类独有的方法，比如设置下拉刷新控件的图标/文字等等，每个控件的效果都不一，所以将这些定义为子类自有的方法。

---

BGARefreshLayout

继承自LinearLayout布局，实现自定义刷新加载控件，在定义的xml布局中使用，在BGARefreshLayout里只能设置一个子控件，还必须设置子控件的权重为1，不然报错；一般需要设置多个控件的情况下，可设置1布局控件中嵌套多个需求中的控件，例如设置一个子控件为ScrollView，ScrollView里再嵌套线性布局LinearLayout，在其里面再嵌套其它子控件。

---

BGAMoocStyleRefreshView/BGAMeiTuanRefreshView/BGAStickinessRefreshView

三种下拉刷新的自定义控件，分别为仿慕课网下拉刷新、美团下拉刷新、黏性下拉刷新风格控件；有的继承自View，有的继承自相对布局，具体得看布局的方式；

• BGAMoocStyleRefreshView继承自View,在仿慕课网下拉刷新的自定义控件的类里，其主要工作是对下拉刷新图片进行绘制；主要看看该类中View的onMeasure和onDraw这两个方法；

• BGAMeiTuanRefreshView继承自RelativeLayout布局，实现仿美团下拉效果的该类中，其主要工作是针对下拉状态/释放刷新/刷新状态/结束状态/ 这四个状态下的图片效果进行提供方法出去给外类进行设置，本身对其进行处理；

• BGAStickinessRefreshView继承自View，黏性下拉刷新的效果，主要针对View的测量与绘制以及一些动画和贝塞尔曲线的绘制。

---

BGAStickyNavLayout

效果：上拉隐藏的效果，必须保证该布局下只能有三个控件，在上拉的过程中，当第一位置的控件完全隐藏时，处于第二位置的控件会出现悬浮在顶部的效果；
>
大致实现：BGAStickyNavLayout继承自LinearLayout，主要是对子View的测量以及滑动事件的处理；

---

记录

• BGAStickyNavLayout控件设置RefreshLayout，实现下拉刷新效果时，并未看到效果，猜测作者可能暂未实现；
• BGAStickyNavLayout中第三个子控件往下拉时，第二个控件时常不会移下来，仍处于悬浮的状态。
• 具体的代码细节实现还得慢慢摸索，本文只是大致略过

附言：如有侵权，请告知删除，谢谢