源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

Material Design系列之Behavior上滑显示返回顶部按钮

  • 时间:2022-06-10 04:39 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:Material Design系列之Behavior上滑显示返回顶部按钮
效果预览 [img]http://files.jb51.net/file_images/article/201609/2016912141458373.gif?2016812141510[/img] 源码在文章末尾。 [b]引文[/b] 有时候我们的页面内容过长的时候,滑动到页面底部用户再滑动到顶部很麻烦,Android不像iOS可以点击statusBar回到顶部,一般都是双击Toolbar/ActionBar或者在底部放一个按钮。 今天就底部放一个回到顶部按钮这个效果来做一个基于Behavior的实现。那么我们传统的方式来做就是监听这个滑动View,比如:ScrollView/ListView/RecyclerView/GridView等,那么如果我们使用了CoordinatorLayout,那么一切将会变得非常so easy。 今天我们就利用自定义Behavior来实现这个回到顶部按钮的渐显的动画效果。如果对我的Behavior博文感兴趣的,那么看官可以在文章顶部找到我其它关于Behavior的博文。 [b]自定义Bahavior的实现?[/b] 我们选中CoordinatorLayout.Behavior后ctrl + t后发现有很多实现类,哪么我们选用哪个呢?这里就要看我们要操作(显示/隐藏)的按钮是谁了,到底能不能用系统已经实现了的基类?所以又抛出了以下问题。 [b]自定义Behavior继承系统的哪个BaseBahavior?[/b] 这个问题其实就so easy了,只要接触过MD的人肯定听过一个FAB吧,也就是我们的FloatingActionButton了,所以我们这里也使用的是FloatingActionButton,所以我们自定义的Behavior也是基于FloatingActionButton的。 因此我们从中CoordinatorLayout.Behavior后ctrl + t的里面看到一个FloatingActionButton.Behavior,这个家伙就是我们要继承的,利用它来控制FloatingActionButton的显示和隐藏动画。 [b]ScaleUpShowBehavior的实现[/b] 因为是向上滑动手指,出现下面部分的页面,显示Button是,所以我们暂且把它叫ScaleUpShowBehavior的实现。 接下来一大波代码来袭,首先我们要继承FloatingActionButton.Behavior:
public class ScaleUpShowBehavior extends FloatingActionButton.Behavior {
  public ScaleUpShowBehavior(Context context, AttributeSet attrs) {
    super();
  }
}

接下来实现这里面重要的三个方法:
// 页面开始滑动。
onStartNestedScroll();

// 页面正在滑动。
onNestedScroll();

// 页面停止滑动。
onStopNestedScroll();

[b]第一个方法onStartNestedScroll:[/b]
[url=http://xiazai.jb51.net/201609/yuanma/AndroidBehavior(jb51.net).rar]http://xiazai.jb51.net/201609/yuanma/AndroidBehavior(jb51.net).rar[/url] 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程素材网。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部