小撸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中第三个子控件往下拉时，第二个控件时常不会移下来，仍处于悬浮的状态。具体的代码细节实现还得慢慢摸索，本文只是大致略过

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