当前位置： 移动技术网 > IT编程>移动开发>Android > Android自定义控件仿ios下拉回弹效果

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

2019年07月30日  | 移动技术网IT编程  | 我要评论

茎菜类,比诺曹找数字,omron官网

网上有很多类似的文章，大多数还是继承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。所以抱着不写重复代码的准则，在下一篇我会做个优化，将线性布局和相对布局的下拉刷新写到一个类中，具体的线性布局和相对布局作为参数或者其他的形式。当然这还只是个想法，不知道能不能很好的实现。

项目下载地址：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网