热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

Android自定义控件仿ios下拉回弹效果

这篇文章主要为大家详细介绍了Android自定义控件仿ios下拉回弹效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

网上有很多类似的文章,大多数还是继承listview来实现(主要是listview.addHeaderView()和listview.addFooterView在listview的首尾添加view,也可以用上面的两个listview自带函数实现下拉刷新的功能,在这里不准备介绍,有兴趣的朋友可以去自己试试)。

在本文主要是给android的线性布局(相对布局、帧布局)加上下拉或者上拉回弹得效果。在ios中我们经常能看到,在一个页面中即使是只有一个控件,这一个控件只占整个页面的1/10不到,但是当我们下拉整个页面的时候还是会有回弹的效果(在这里我们暂不考虑这样的页面是否美观,只是就怎么实现进行分析),显然在android中我们不会为了实现这个只有一个item(而且不会变多)的页面而去用listview(listview的使用还是相对比较繁琐),我们会直接使用线性布局或者相对布局这些简易一些的viewgroup来实现。所以在这里我也为线性布局加上了下拉或者上拉回弹得效果。

实现流程:

1.新建一个类继承LinearLayout

2.在构造方法中实例化Scroller(用于滑动),GestureDetector(网上有很多实现方法是复写onTouchEvent方法,把onTouchEvent方法写的很长,我不太喜欢这种方式,也推荐大家多用手势,很好用哦);

3.覆写computeScroll(),onTouchEvent(MotionEvent event)(在这里把触摸屏幕的处理交给GestureDetector)
4.在computeScroll()里面完成实际的滚动

在开始具体的实现之前,先得介绍几个要用到的比较重要的函数

mScroller.getCurrX() //获取mScroller当前水平滚动的位置
mScroller.getCurrY() //获取mScroller当前竖直滚动的位置
mScroller.getFinalX() //获取mScroller最终停止的水平位置
mScroller.getFinalY() //获取mScroller最终停止的竖直位置
mScroller.setFinalX(int newX) //设置mScroller最终停留的水平位置,没有动画效果,直接跳到目标位置
mScroller.setFinalY(int newY) //设置mScroller最终停留的竖直位置,没有动画效果,直接跳到目标位置
 
//滚动,startX, startY为开始滚动的位置,dx,dy为滚动的偏移量, duration为完成滚动的时间
mScroller.startScroll(int startX, int startY, int dx, int dy) //使用默认完成时间250ms
mScroller.startScroll(int startX, int startY, int dx, int dy, int duration)
 
mScroller.computeScrollOffset() //返回值为boolean,true说明滚动尚未完成,false说明滚动已经完成。这是一个很重要的方法,通常放在View.computeScroll()中,用来判断是否滚动是否结束。

上面的几个Scroller的方法,能够帮助我们实现滑动。

接下来还要介绍实现GestureDetector.OnGestureListener

因为我们在onTouchEvent中没有将MotionEvent.ACTION_UP交给GestureDetector,所以GestureDetector.OnGestureListener中的部分方法不会响应,还有在GestureDetector.OnGestureListener中要将down事件的返回值设为true,不然onscroll方法不会响应

接下来是具体实现:

public class SqqLinearLayout extends LinearLayout { 
 private Scroller mScroller; 
 private GestureDetector mGestureDetector; 
  
 public SqqLinearLayout (Context context) { 
  this(context, null); 
 } 
  
 public SqqLinearLayout (Context context, AttributeSet attrs) { 
  super(context, attrs); 
  mScroller = new Scroller(context); 
  mGestureDetector = new GestureDetector(context, new GestureListenerImpl()); 
 } 
 
  //startScroll之后没有真正移动,会自动调用这个函数实现移动
 @Override 
 public void computeScroll() { 
  if (mScroller.computeScrollOffset()) { 
 
   scrollTo(mScroller.getCurrX(), mScroller.getCurrY()); 
   //必须执行postInvalidate()从而调用computeScroll()
   //其实,在此调用invalidate();亦可
   postInvalidate(); 
  } 
  super.computeScroll(); 
 } 
  
 @Override 
 public boolean onTouchEvent(MotionEvent event) { 
  switch (event.getAction()) { 
  case MotionEvent.ACTION_UP : 
  //手指抬起时回到最初位置
   prepareScroll(0, 0); 
   break; 
  default: 
   //其余情况交给GestureDetector手势处理
   return mGestureDetector.onTouchEvent(event); 
  } 
  return super.onTouchEvent(event); 
 } 
 
 
 class GestureListenerImpl implements GestureDetector.OnGestureListener {
 @Override
 public boolean onDown(MotionEvent e) {
  return true;
 }
 
 @Override
 public void onShowPress(MotionEvent e) {
 
 }
 
 @Override
 public boolean onSingleTapUp(MotionEvent e) {
  return false;
 }
 
 @Override
 public boolean onScroll(MotionEvent e1, MotionEvent e2,float distanceX, float distanceY) {
  int disY = (int) ((distanceY - 0.5)*0.65);
  beginScroll(0, disY);
  return false;
 }
 
 public void onLongPress(MotionEvent e) {
 
 }
 
 @Override
 public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,float velocityY) {
  return false;
 }
 
 } 
 
 
 //滚动到目标位置 
 protected void prepareScroll(int fx, int fy) { 
  int dx = fx - mScroller.getFinalX(); 
  int dy = fy - mScroller.getFinalY(); 
  beginScroll(dx, dy,1000); //经测试1s是不错的 
 } 
 
 
  //设置滚动的相对偏移 
 protected void beginScroll(int dx, int dy) { 
  mScroller.startScroll(mScroller.getFinalX(), mScroller.getFinalY(), dx, dy); 
  
  //必须执行invalidate()从而调用computeScroll()
  //invalidate();
 //上面一句注释掉好像也没什么影响,暂时没有发现
 } 
 
  //设置滚动的相对偏移 
 protected void beginScroll(int dx, int dy,int duration) { 
  mScroller.startScroll(mScroller.getFinalX(), mScroller.getFinalY(), dx, dy,duration); 
  
  //必须执行invalidate()从而调用computeScroll()
  //invalidate();
 //上面一句注释掉好像也没什么影响,暂时没有发现
 } 
 
 
}

上面实现了线性布局的下拉回弹效果,相对布局的实现和上面一样,只是继承的是RelativeLayout。所以抱着不写重复代码的准则,在下一篇我会做个优化,将线性布局和相对布局的下拉刷新写到一个类中,具体的线性布局和相对布局作为参数或者其他的形式。当然这还只是个想法,不知道能不能很好的实现。

项目下载地址:Android自定义控件仿ios下拉回弹效果

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


推荐阅读
  • Vue 2 中解决页面刷新和按钮跳转导致导航栏样式失效的问题
    本文介绍了如何通过配置路由的 meta 字段,确保 Vue 2 项目中的导航栏在页面刷新或内部按钮跳转时,始终保持正确的 active 样式。具体实现方法包括设置路由的 meta 属性,并在 HTML 模板中动态绑定类名。 ... [详细]
  • 深入理解 Oracle 存储函数:计算员工年收入
    本文介绍如何使用 Oracle 存储函数查询特定员工的年收入。我们将详细解释存储函数的创建过程,并提供完整的代码示例。 ... [详细]
  • 本文总结了2018年的关键成就,包括职业变动、购车、考取驾照等重要事件,并分享了读书、工作、家庭和朋友方面的感悟。同时,展望2019年,制定了健康、软实力提升和技术学习的具体目标。 ... [详细]
  • 在计算机技术的学习道路上,51CTO学院以其专业性和专注度给我留下了深刻印象。从2012年接触计算机到2014年开始系统学习网络技术和安全领域,51CTO学院始终是我信赖的学习平台。 ... [详细]
  • CSS 布局:液态三栏混合宽度布局
    本文介绍了如何使用 CSS 实现液态的三栏布局,其中各栏具有不同的宽度设置。通过调整容器和内容区域的属性,可以实现灵活且响应式的网页设计。 ... [详细]
  • Linux 系统启动故障排除指南:MBR 和 GRUB 问题
    本文详细介绍了 Linux 系统启动过程中常见的 MBR 扇区和 GRUB 引导程序故障及其解决方案,涵盖从备份、模拟故障到恢复的具体步骤。 ... [详细]
  • 本文介绍了如何使用jQuery根据元素的类型(如复选框)和标签名(如段落)来获取DOM对象。这有助于更高效地操作网页中的特定元素。 ... [详细]
  • 本文将详细介绍如何使用剪映应用中的镜像功能,帮助用户轻松实现视频的镜像效果。通过简单的步骤,您可以快速掌握这一实用技巧。 ... [详细]
  • 本文介绍如何在 Xcode 中使用快捷键和菜单命令对多行代码进行缩进,包括右缩进和左缩进的具体操作方法。 ... [详细]
  • 在Linux系统中配置并启动ActiveMQ
    本文详细介绍了如何在Linux环境中安装和配置ActiveMQ,包括端口开放及防火墙设置。通过本文,您可以掌握完整的ActiveMQ部署流程,确保其在网络环境中正常运行。 ... [详细]
  • 本文介绍如何通过Windows批处理脚本定期检查并重启Java应用程序,确保其持续稳定运行。脚本每30分钟检查一次,并在需要时重启Java程序。同时,它会将任务结果发送到Redis。 ... [详细]
  • 题目描述:给定n个半开区间[a, b),要求使用两个互不重叠的记录器,求最多可以记录多少个区间。解决方案采用贪心算法,通过排序和遍历实现最优解。 ... [详细]
  • 如何在PHPcms网站中添加广告
    本文详细介绍了在PHPcms网站后台添加广告的方法,涵盖多种常见的广告形式,如百度广告和Google广告,并提供了相关设置的步骤。同时,文章还探讨了优化网站流量的SEO策略。 ... [详细]
  • 当iOS设备越狱后,某些插件可能会导致系统崩溃(白苹果)。此时,可以通过进入安全模式来排查并删除有问题的插件。本文将详细介绍如何通过特定按键组合进入不加载MobileSubstrate的安全模式,并提供相关背景知识。 ... [详细]
  • C++: 实现基于类的四面体体积计算
    本文介绍如何使用C++编程语言,通过定义类和方法来计算由四个三维坐标点构成的四面体体积。文中详细解释了四面体体积的数学公式,并提供了两种不同的实现方式。 ... [详细]
author-avatar
mobiledu2502857153
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有