类似知乎FloatingActionButton的滚动消失动画

本文主要实现的是随着RecycleView的上下滑动,FloatingActionButton随之消失或出现的动画效果。

实现过程

1、引入recyclerview、design包等等

compile 'com.android.support:appcompat-v7:24.2.1'
compile 'com.android.support:recyclerview-v7:24.2.1'
compile 'com.android.support:support-v4:24.2.1'
compile 'com.android.support:cardview-v7:24.2.1'
compile 'com.android.support:design:24.2.1'

2、编写xml布局文件


        
            


        

    

关键在于:
app:layout_anchor="@id/recycler_main"
通过这行代码将floatingActionButton和RecycleView的动作监听关联起来
app:layout_behavior="com.lv.rxdemo.widget.ScrollAwareBehavior"
通过设置behavior让floatingActionButton获得自定义的动画效果行为

3、编写动画资源xml:fab_outfab_in
fab_out

  
  
      
 

fab_in

  
  
      
      
  

4、遍写ScrollAwareBehavior类
该类的实现也比较简单,在onNestedScroll中判断动作是上滑还是下滑,然后执行相应的动画方法。

  • ScrollAwareBehavior.java

至此,类似知乎FloatingActionButton的滚动消失动画也大功告成了

效果

video_1.gif

PS:

代码片段取自我的github上的demo:

  • DEMO地址

你可能感兴趣的:(类似知乎FloatingActionButton的滚动消失动画)