Giter Site home page Giter Site logo

alibehaver's Introduction

最近在和项目经理都斗智斗勇的时候,突然被甩过来一个类似支付宝首页的功能需求,虽然网上有一些类似的功能,但是都是以前比较老一些的版本,于是决定自己来定制一个,老规矩,先上图

GIF.gif

要实现这样一个效果,首先想到的自然就是 CoordinatorLayout;

什么是CoordinatorLayout? CoordinatorLayout是用来协调其子view们之间动作的一个父view,而Behavior就是用来给CoordinatorLayout的子view们实现交互的。关于这个控件,大神们已经介绍的很详细了,这里我就不过多啰嗦,直接开撸了

关于Behavior 要自定义Behavior,首先要搞清楚两个核心View,child 和 dependency;他们分别代表的是要应用behavior的View 和触发behavior并与child进行互动的View。

要实现上面的的效果,需要实现以下几个关键方法

  • layoutDependsOn(CoordinatorLayout parent, View child, View dependency) 用来判断child是否有一个对应的dependency,如果有就返回true,默认情况下返回的是false

  • onLayoutChild(CoordinatorLayout parent, View child, int layoutDirection) 此方法可用于动态更改childView的布局,如果自定义Behaior,这个方法一定返回true,否则将使用默认Behavior的布局

  • onDependentViewChanged(CoordinatorLayout parent, View child, View dependency) 此方法在dependencyView发生变化的时候调用,在这里,我们可以对child根据dependency的变化进行一定的操作

  • onStartNestedScroll(CoordinatorLayout coordinatorLayout, View child, View directTargetChild, View target, int nestedScrollAxes) 此方法表示开始滑动,最后一个参数表示的是滑动方向,并且只有在返回值为true的时候才能出发接下来的操作,在这里可以进行一些过滤操作,比如值接受垂直方向的滑动等

  • onNestedScrollAccepted(CoordinatorLayout coordinatorLayout, View child, View directTargetChild, View target, int nestedScrollAxes) 在onStartNestedScroll返回为true的时候调用,此时表示CoordinatorLayout已经拦截了滑动,在这里可以做一些滑动初始化的操作

  • onNestedPreScroll(CoordinatorLayout coordinatorLayout, View child, View target, int dx, int dy, int[] consumed) 在开始嵌套滑动之前,会执行此操作,dx、dy分别表示用户手指滑动的距离,consumed则表示在操作过程中,消耗掉的滑动距离,例如:

consumed[1] = dy;

此时表示垂直方向的滑动被全部消耗,将不会被传递到下一步操作,相对应的child,如RecycleView将不能接受的滑动操作,不会进行滑动

  • onNestedScroll(CoordinatorLayout coordinatorLayout, View child, View target, int dxConsumed, int dyConsumed, int dxUnconsumed, int dyUnconsumed) 此方法在嵌套滑动时候调用,可以多滑动过程进行操作

具体解析,请看我的个人文章:来来来,随老夫撸一个支付宝玩玩——自定义Behavior的正确打开方式

alibehaver's People

Contributors

sangxiaonian avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

alibehaver's Issues

下拉刷新与头部伸缩冲突

问题:当头部完全展开时,下拉出现下拉刷新头。此时手指头上滑,应该先隐藏下拉刷新头,而不是收缩头部
建议:behavior的onNestedPreScroll方法中,在判断是否调整布局之前加入如下判断
if (child instanceof BasicRefrushRecycleView) {
BasicRefrushRecycleView recycleView = (BasicRefrushRecycleView) child;
if (null != recycleView.getEndView() && recycleView.getEndView().getHeight() > 0) {
return;
}
}

代码目的性不明确

问题:behavior的onStopNestedScroll方法中,如下代码段:
if (isExpand) {
float pro = ((translationY - height) * 1.0f / heardSize);
creatExpendAnimator(translationY, height, (int) (500 * pro));
}
目的性不是很明了。能请作者说明下什么情况下会触发这段代码吗 ?实际测试这段代码是有用的,不过将这段代码注释掉,将下一行的条件判断:
if (!isScroll && height > minHeard && height < heardSize)
改为:
if (!isScroll && height >= minHeard && height <= heardSize)
似乎也能起到同样的效果。不太懂。。。请指教

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.