支付宝首页刷新

支付宝的首页的刷新界面有点不太一样,一般刷新是头上的,但支付宝的是中间的,拖动任何地方都能刷新,用过的应该知道。先上个图 -》
这里写图片描述

看动图 注意头部和滚动列表是分开的,分开也就是导致了一个问题 :怎么把自身的滑动时间传到仍外一个view 上,这也是支付宝首页事件里面值得研究的一个地方,也是独特的地方,至于其它折叠的动画就不研究了,给大家一个连接,模仿uc首页的:https://github.com/BCsl/UcMainPagerDemo
主要是NestedScroll滚动机制的应用,NestedScroll滚动机制还是很值得学习的,如果还没有学习和研究的建议学习下。关于NestedScroll 讲解网上很多了,大家可以找下,这里就不介绍了。
下面进入今天的主题,实现上面动图的效果。

先来分析下要做的事情

  1. 自己放置空间位置
  2. 实现事件传递

先来做第一件事:摆放控件
大家用过AppBarLayout的各种特效的应该记得
@string/appbar_scrolling_view_behavior
对就是它,找到它的代码
public static class ScrollingViewBehavior extends HeaderScrollingViewBehavior
在HeaderScrollingViewBehavior里面重写了onMeasureChild方法和layoutChild方法 哎呦又是一坨代码 。就不贴上了,大伙自己打开屎丢丢看下代码,不复杂的代码,这里讲下思路。
通过 abstract View findFirstDependency(List<View> views);找到依赖的view
通过int getScrollRange(View v) {
return v.getMeasuredHeight();
}
获取依赖view客滚动的范围,注意是被依赖的view的滚动范围
通过上面的两个方法就能够确定view的高度和该摆放的位置(大伙看下代码就明白了)
我这里呢就用[https://github.com/BCsl/UcMainPagerDemo ]这哥们里面抽出来的类(����)

布局文件

<?xml version="1.0" encoding="utf-8"?>
<com.example.zhifubao.MyCoordiantorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.zhifubao.MainActivity"
    >


    <FrameLayout
        android:id="@+id/header"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:background="#ccc"
        app:layout_behavior="com.example.zhifubao.behavior.RefreshBehavior">
    </FrameLayout>

    <android.support.v4.widget.SwipeRefreshLayout
        android:id="@+id/refreshLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="com.example.zhifubao.behavior.ContentBehavior">

        <android.support.v7.widget.RecyclerView
            android:id="@+id/recyclerView"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            >

        </android.support.v7.widget.RecyclerView>
    </android.support.v4.widget.SwipeRefreshLayout>


</com.example.zhifubao.MyCoordiantorLayout>

就只有两部分,头部和列表,看下就明白了,就不解释了
看下app:layout_behavior="com.example.zhifubao.behavior.ContentBehavior"做了啥

public class ContentBehavior extends HeaderScrollingViewBehavior {

    public ContentBehavior(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    public boolean layoutDependsOn(CoordinatorLayout parent, View child, View dependency) {
        return isDependOn(dependency);
    }

    @Override
    protected View findFirstDependency(List<View> views) {
        for (int i = 0, z = views.size(); i < z; i++) {
            View view = views.get(i);
            if (isDependOn(view))
                return view;
        }
        return null;
    }

    private boolean isDependOn(View dependency) {
        return dependency != null && dependency.getId() == R.id.header;
    }

    @Override
    public boolean onDependentViewChanged(CoordinatorLayout parent, View child, View dependency) {
        offsetChildAsNeeded(parent, child, dependency);
        return false;
    }

    private void offsetChildAsNeeded(CoordinatorLayout parent, View child, View dependency) {
        child.setTranslationY(dependency.getTranslationY());

    }

}

是不是很简单,重写下protected View findFirstDependency(List<View> views)位置就能正确显示了,我们的滚动范围是整个view,所以就不用重写protected int getScrollRange(View v)方法了。
上面的都是前戏了,为了正菜做准备的。下面开始正菜。
先上代码

解释下
这里有两个地方要处理
第一

  1. onInterceptTouchEvent
  2. onTouchEvent
    当拖动都非列表滚动view时的处理,注意我们这里的实现是可以有多个头部view的,这里demo就用了一个。

第二

  1. onStartNestedScroll
  2. onNestedScrollAccepted
  3. onNestedPreScroll
  4. onNestedPreFling
  5. onStopNestedScroll
    当滑动滚动列表(这里是RecyclerView)时的处理。

这两处呢都要判断SwipeRefreshLayout是否正在刷新,因为SwipeRefreshLayout没有提供方法判断是否刷新,这里用了反射

 private View findTopChildUnder(ViewGroup parentView, int x, int y) {
        final int childCount = parentView.getChildCount();
        for (int i = childCount - 1; i >= 0; i--) {
            final View child = parentView.getChildAt(i);
            if (x >= child.getLeft() && x < child.getRight()
                    && y >= child.getTop() && y < child.getBottom()) {
                return child;
            }
        }
        return null;
    }

最主要的是在onTouchEvent在man z

代码也复杂,大家看下就好了 主要是思路
最后附上代码地址:https://github.com/hupihuai/zhifubao
注意了不能直接用于项目,可能还有问题,只是提供一种实现思路

参考链接:https://github.com/BCsl/UcMainPagerDemo

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值