亲测有效:自定义下拉头部刷新控件,任何子View都可以下拉

对于一个主Activity,里面进行多个fragment切换,不知其fragment包裹的是什么控件,但是都要进行下拉刷新,比如下拉切换语言、切换主题等场景。常见的方法,每个fragment里面都单独加下拉刷新;现在是自定义下拉刷新控件,在主Activity对应的布局里面,自定义下拉刷新控件的子类是FrameLayout。下图对应着三种情景:                                                                                  图一:fragment布局1是带滑动布局,一个屏幕放不下内容的(已解决下拉冲突)                          图二:fragment布局2是没有滑动布局,一个屏幕放得下内容的                                                        图三:fragment布局3是加载h5界面的,不管一个屏幕是否放得下内容(需要h5那边告知是否到达顶部)

亲测有效:自定义下拉头部刷新控件,任何子View都可以下拉_第1张图片     亲测有效:自定义下拉头部刷新控件,任何子View都可以下拉_第2张图片     亲测有效:自定义下拉头部刷新控件,任何子View都可以下拉_第3张图片

                图一                                            图二                                            图三

 一.RefreshLayoutDemo自定义下拉头部刷新:这里用的是接口回调告知是否到达顶部,也可换成广播形式

public class RefreshLayoutDemo extends LinearLayout {
    private static final String TAG = RefreshLayoutDemo.class.getSimpleName();

    private int mCurrentState = 0;// 当前状态,默认隐藏
    private static final int PULL_TO_REFRESH = 1; // 下拉刷新
    private static final int REFRESHING = 2;// 正在刷新
    private static final int HIDING = 3;// 正在隐藏

    private View mHeaderView;//头布局
    private int mHeaderHeight;// 头布局高度
    private float mLastMotionY;// 上次手指按在屏幕上的Y坐标,用于计算移动的距离
    private boolean enableRefresh = true;// 是否可以下拉刷新,默认可以刷新

    private LayoutInflater mInflater;
    private Context mContext;
    private OnRefreshListener mOnRefreshListener; // 刷新的监听器
    private boolean isLanjie = true; //是否拦截,由包裹的他们统一告诉我是否到达头部.默认是达到顶部的,因为界面一进来就是达到顶部的

    //xml中定义会调用
    public RefreshLayoutDemo(Context context, AttributeSet attrs) {
        super(context, attrs);
        this.mContext = context;
        mInflater = LayoutInflater.from(getContext());
        setOrientation(LinearLayout.VERTICAL);//线性布局方向设置,
        // 点击事件自己消耗,这样子后续的操作也是自己消耗,对于没有滚动事件(一个屏幕显示完内容)也可以有下拉
        setLongClickable(true);

        initRefreshListener();
        addHeader();
    }

    /**
     * 通过回调的方式知道是否在顶部:A界面是可以滑动的
     * 问题1:A界面不到达顶部返回false,切换到B界面是到达顶部的但此时isLanjie:是false,实际是需要rue(解决:首次加载的时候,默认为true)
     * 问题2:A界面不到达顶部返回false,切换到B界面一番操作后到达顶部,再回到A界面但是A界面显示停留在上次离开的后的位置,不在顶部,此时isLanjie:是true,实际需要false
     * 需要保留每个离开时是否到达顶部的状态值(解决:每次离开是把状态存起来,下次进来的时候回调一下这个状态)
     */
    private void initRefreshListener() {
        RefreshHelp.getInstance().RefreshListener(mContext, new PageTopListener() {
            @Override
            public void OnPageTopClick(boolean isTop) {
                isLanjie = isTop;
                Log.e("RefreshLayout", "initRefreshListener是否到达顶部:" + isTop);
            }
        });
    }

    /**
     * 第一个添加到linearlayout的最上面,既就是头布局,下拉才显示,放手就隐藏
     */
    private void addHeader() {
        mHeaderView = mInflater.inflate(R.layout.refresh_header, this, false);
        measureView(mHeaderView);
        //measureView()后才能获取高度,这样子在外面setRefreshing(false)才能一进来默认关闭头部,或者在onGlobalLayout()里面setRefreshing(false);
        mHeaderHeight = mHeaderView.getMeasuredHeight();
        // 设置paddingTop为-mHeaderHeight,刚好把头部隐藏掉了
        mHeaderView.setPadding(0, -mHeaderHeight, 0, 0);
        addView(mHeaderView, LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);
    }

    private void measureView(View child) {
        ViewGroup.LayoutParams p = child.getLayoutParams();
        if (p == null) {
            p = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
        }

        int childWidthSpec = ViewGroup.getChildMeasureSpec(0, 0 + 0, p.width);
        int lpHeight = p.height;
        int childHeightSpec;
        if (lpHeight > 0) {
            childHeightSpec = MeasureSpec.makeMeasureSpec(lpHeight, MeasureSpec.EXACTLY);
        } else {
            childHeightSpec = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);
        }
        child.measure(childWidthSpec, childHeightSpec);
    }


    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();
        //在此方法里添加布局,就是添加到linearlayout的最底部,既就是底布局,可以做成上拉才显示,放手就隐藏(类似上拉刷新自定义布局)
    }


    @Override
    public boolean dispatchTouchEvent(final MotionEvent event) {
        if (!enableRefresh || !isLanjie) {//不下拉,或不拦截
            // 禁止下拉刷新,直接把事件分发
            return super.dispatchTouchEvent(event);
        }
        int Y = (int) event.getY(0);

        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN://手指按下
                mLastMotionY = Y;
                break;

            case MotionEvent.ACTION_MOVE://移动
                //  > 0 是下拉,< 0是上拉
                float deltaY = Y - mLastMotionY;//移动的距离=移动到现在的Y坐标 - 手指按下的坐标
                //-10~10算点击
                if (-10 < deltaY && deltaY < 10) {
                    return super.dispatchTouchEvent(event);
                }
                if (deltaY > 0) {//下拉
                    // 处理下拉头部
                    updateHeaderTop(deltaY);
                }
                /**
                 * ACTION_DOWN时mLastMotionY=Y=15;
                 * ACTION_MOVE时Y=25,那么移动了10=Y-mLastMotionY=25-15,更新mLastMotionY=Y=25
                 * 继续ACTION_MOVE时Y=45,那么移动了20=Y-mLastMotionY=45-25,更新mLastMotionY=Y=45
                 * 以此类推,直到不再是ACTION_MOVE
                 */
                mLastMotionY = Y;//更新Y坐标,以便后面重新更新移动距离
                break;

            case MotionEvent.ACTION_CANCEL:
            case MotionEvent.ACTION_UP:
                if (mCurrentState == PULL_TO_REFRESH) {
                    if (getHeaderPaddingTop() >= -(mHeaderHeight / 3)) {//拉出2/3就可以进入了,要全部拉出就改成0
                        mCurrentState = REFRESHING;
                        if (mOnRefreshListener != null) {
                            mOnRefreshListener.onRefresh();
                        }
                    } else {
                        closeHeader();
                    }
                }
                break;
        }
        //包含滚动事件时,如NestedScrollView,在NestedScrollView上“按住及往下拉”,“一开始就是顶部”或“开始不是顶部下拉的过程中到达顶部”,此时会拉出headerView,
        // 但会一直是ACTION_MOVE动作,放手了也不会到ACTION_CANCEL/ACTION_UP,导致头部不会收回去
        if (event.getAction() == MotionEvent.ACTION_MOVE && mCurrentState == PULL_TO_REFRESH) {
            event.setAction(MotionEvent.ACTION_CANCEL);//赋值取消事件
        }
        return super.dispatchTouchEvent(event);
    }

    //修改头布局的top,显示多少
    private void updateHeaderTop(float diff) {
        int newTopMargin = (int) (mHeaderView.getPaddingTop() + diff * 0.3f);//移动的距离,乘以0.3f相当于阻力
        //全部隐藏时是-mHeaderHeight,全部显示出来是0,设置拉出头部的高度范围,超过了0,也不更新了
        mHeaderView.setPadding(0, Math.min(Math.max(newTopMargin, -mHeaderHeight), 0), 0, 0);//更新头部显示的距离

        if (mCurrentState != PULL_TO_REFRESH) {
            mCurrentState = PULL_TO_REFRESH;
        }
    }

    //获取头部的高度,一开始是-mHeaderHeight
    private int getHeaderPaddingTop() {
        return mHeaderView.getPaddingTop();
    }

    public interface OnRefreshListener {
        void onRefresh();
    }

    //刷新回调
    public void setOnRefreshListener(OnRefreshListener onRefreshListener) {
        mOnRefreshListener = onRefreshListener;
    }

    //设置是否可以刷新
    public void setEnableRefresh(boolean enableRefresh) {
        this.enableRefresh = enableRefresh;
    }

    //隐藏头布局:top设置-mHeaderHeight,就是隐藏
    public void closeHeader() {
        mCurrentState = HIDING;
        if (mHeaderView != null) {
            mHeaderView.setPadding(0, -mHeaderHeight, 0, 0);
        }
    }
}

二.refresh_header头布局:高度不要由根布局来决定,LinearLayout可以换成RelativeLayout。头布局样式按照需求来修改TextView。



    
    

 三.OneFragment带NestedScrollView滑动控件的;TwoFragment没有滑动控件,一个屏幕显示完内容;ThreeFragment加载h5的;重点代码如下:

        //OneFragment
        PageTopListener listener = RefreshHelp.getInstance().getPageTopListener();
        nestedScrollView.setOnScrollChangeListener(new View.OnScrollChangeListener() {
            @Override
            public void onScrollChange(View v, int scrollX, int scrollY, int oldScrollX, int oldScrollY) {
                //当没有滚动到达顶部时,这里是不会触发的;当不为0时,只要一显示就触发一次(比如fragment之间来回切换)
                if (scrollY == 0) {//监听滚动条到顶部,那么刷新控件可以刷新了
                    isTopOne = true;
                } else {//滚动中
                    isTopOne = false;
                }
                listener.OnPageTopClick(isTopOne);
            }
        });

        //TwoFragment在onCreateView加如下代码
        //isTopTwo默认是true,这里是为了避免其它fragment如OneFragment没有到达顶部就切换到TwoFragment,此时RefreshLayoutDemo记录的还是没有达到顶部
        RefreshHelp.getInstance().getPageTopListener().OnPageTopClick(isTopTwo);

        //ThreeFragment在onCreateView加如下代码
        //isTopTree默认是true,这里是为了避免其它fragment如OneFragment没有到达顶部就切换到TwoFragment,此时RefreshLayoutDemo记录的还是没有达到顶部
        RefreshHelp.getInstance().getPageTopListener().OnPageTopClick(isTopTree);

 四.RefreshHelp获取接口类:抛出接口回调。           

注:PageTopListener页面到达顶部事件回调,只有void OnPageTopClick(boolean isTop);

public class RefreshHelp {
    private static RefreshHelp refreshHelp;
    private Context context;
    private PageTopListener pageTopListener;

    public static synchronized RefreshHelp getInstance() {
        if (refreshHelp == null) {
            refreshHelp = new RefreshHelp();
        }
        return refreshHelp;
    }

    public PageTopListener getPageTopListener() {
        return pageTopListener;
    }
    
    public void RefreshListener(Context context, PageTopListener listener) {
        this.context = context;
        this.pageTopListener = listener;
    }
}

五.RefreshCommon

public class RefreshCommon {
    /**
     * LayoutDemoActivity oncreate/onDestroy时,把下面三个数字设置成true
     * 设置以下三个参数,是为了避免互相打扰,如:OneFragment没有到达顶部就切换到TwoFragment,此时RefreshLayoutDemo记录的还是没有达到顶部
     */
    //OneFragment(代表原生带List等滚动,就是内容一个屏幕放不下的情况)默认是到达顶部的
    public static boolean isTopOne = true;
    //TwoFragment(代表原生没有滚动,就是内容一个屏幕放得下的情况)默认是到达顶部的。
    public static boolean isTopTwo = true;
    //TreeFragment(代码加载的是h5,由h5那边回调告诉原生的情况)默认是到达顶部的。
    public static boolean isTopTree = true;
}

 六.调用,主要代码如下:

代码块分别代表:主activity代码其中切换fragment的就不列出;主activity布局。

 mRefreshLayout.setOnRefreshListener(new RefreshLayoutDemo.OnRefreshListener() {
            @Override
            public void onRefresh() {
                //自己要处理的逻辑
                mRefreshLayout.closeHeader();//隐藏头布局
            }
        });
    
        
        

    



不足之处,请指正,谢谢!

你可能感兴趣的:(android,自定义下拉控件,下拉显示头布局)