LBehavior:简单实现标题栏,底栏和floatingActionButton的滑动动画

来源:互联网 发布:天琥培训怎么样 知乎 编辑:程序博客网 时间:2024/05/16 13:45
  •  https://github.com/Lauzy/LBehavior
  •  手势交互 (Gesture)
  • 介绍:

    跟随手势滑动,显示隐藏标题栏、底部导航栏及悬浮按钮的Android Behavior Library,高仿知乎首页。

  • 运行效果:

    使用说明:

    Download:
    allprojects {    repositories {        maven { url 'https://jitpack.io' }    }}dependencies {    compile 'com.android.support:design:25.3.1'    compile 'com.github.Lauzy:LBehavior:1.0.2'}

    基本使用:

    根布局需为CoordinatorLayout,类似FrameLayout

    1.     <android.support.design.widget.CoordinatorLayout
    2.         ...>
    3.         <FloatingActionButton
    4.             ...
    5.             app:layout_behavior="@string/fab_vertical_behavior/>
    6.     </android.support.design.widget.CoordinatorLayout>

    根据不同的View在xml中设置不同的layout_behavior

    参数说明@string/title_view_behavior顶部标题栏@string/bottom_view_behavior底部导航栏@string/fab_scale_behavior浮动按钮(缩放)@string/fab_vertical_behavior浮动按钮(上下滑动)

    自定义(均设有默认值,可不使用):

    方法参数说明setMinScrollYint y设置触发动画的最小滑动距离,如 setMinScrollY(10)为滑动10像素才可触发动画,默认为5.setScrollYDistanceint y设置触发动画的滑动距离,防止用户缓慢滑动时单次滑动距离一直小于setMinScrollY的最小滑动距离导致无法触发动画.如设置此值为100,则用户即便缓慢滑动,当滑动距离达到100时也可触发动画.默认为40.setDurationint duration设置动画持续时间.默认为400ms.setInterpolatorInterpolator interpolator设置动画插补器,修饰动画效果.默认模式为LinearOutSlowInInterpolator. Interpolator官方文档
    1.     CommonBehavior.from(mFloatingActionButton).show();//代码控制显示
    2.     CommonBehavior.from(mFloatingActionButton).hide();//隐藏
    3.  
    4.     CommonBehavior.from(mFloatingActionButton)
    5.         .setMinScrollY(20)
    6.         .setScrollYDistance(100)
    7.         .setDuration(1000)
    8.         .setInterpolator(new LinearOutSlowInInterpolator());

    Tips

    1、因为根布局为CoordinatorLayout,所以使用时Toolbar可能会遮盖RecyclerView顶部的item,BottomBar也可能会遮盖底部item。 可以参考知乎首页设置顶部留白,具体可为RecyclerView添加一个占位的ItemDecoration,或者顶部加一个占位的View,若场景比较固定可简单设置Padding,Margin等, 详情可见Demo,简单处理了这种情况。

    2、FloatingActionButton的elevation若大于BottomBar的elevation,则FloatingActionButton动画覆盖在BottomBar上层,反之则在下层,为gif的下部两个按钮的效果。




阅读全文
0 0
原创粉丝点击