Android界面上拉下拉的回弹效果实例代码

废话不多说,具体代码如下所示:

public class MyScrollView extends ScrollView {
  private View childView;
  public MyScrollView(Context context) {
    super(context);
  }
  public MyScrollView(Context context, AttributeSet attrs) {
    super(context, attrs);
  }
  public MyScrollView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
  }
//  @Override
//  protected void onLayout(boolean changed, int l, int t, int r, int b) {
//    super.onLayout(changed, l, t, r, b);
//  }
  //获取子视图
  @Override
  protected void onFinishInflate() {
    super.onFinishInflate();
    if (getChildCount() > 0) {
      childView = getChildAt(0);
    }
  }
  private int lastY;//上一次y轴方向操作的坐标位置
  private Rect normal = new Rect();//用于记录临界状态的左、上、右、下
  private boolean isFinishAnimation = true;//是否动画结束
  private int lastX, downX, downY;
  //拦截:实现父视图对子视图的拦截
  //是否拦截成功,取决于方法的返回值。返回值true:拦截成功。反之,拦截失败
  @Override
  public boolean onInterceptTouchEvent(MotionEvent ev) {
    boolean isIntercept = false;
    int eventX = (int) ev.getX();
    int eventY = (int) ev.getY();
    switch (ev.getAction()) {
      case MotionEvent.ACTION_DOWN:
        lastX = downX = eventX;
        lastY = downY = eventY;
        break;
      case MotionEvent.ACTION_MOVE:
        //获取水平和垂直方向的移动距离
        int absX = Math.abs(eventX - downX);
        int absY = Math.abs(eventY - downY);
        if(absY > absX && absY >= UIUtils.dp2px(10)){
          isIntercept = true;//执行拦截
        }
        lastX = eventX;
        lastY = eventY;
        break;
    }
    return isIntercept;
  }
  @Override
  public boolean onTouchEvent(MotionEvent ev) {
    if (childView == null || !isFinishAnimation) {
      return super.onTouchEvent(ev);
    }
    int eventY = (int) ev.getY();//获取当前的y轴坐标
    switch (ev.getAction()) {
      case MotionEvent.ACTION_DOWN:
        lastY = eventY;
        break;
      case MotionEvent.ACTION_MOVE:
        int dy = eventY - lastY;//微小的移动量
        if (isNeedMove()) {
          if (normal.isEmpty()) {
            //记录了childView的临界状态的左、上、右、下
            normal.set(childView.getLeft(), childView.getTop(), childView.getRight(), childView.getBottom());
          }
          //重新布局
          childView.layout(childView.getLeft(), childView.getTop() + dy / 2, childView.getRight(), childView.getBottom() + dy / 2);
        }
        lastY = eventY;//重新赋值
        break;
      case MotionEvent.ACTION_UP:
        if (isNeedAnimation()) {
          //使用平移动画
          int translateY = childView.getBottom() - normal.bottom;
          TranslateAnimation translateAnimation = new TranslateAnimation(0, 0, 0, -translateY);
          translateAnimation.setDuration(200);
//        translateAnimation.setFillAfter(true);//停留在最终位置上
          translateAnimation.setAnimationListener(new Animation.AnimationListener() {
            @Override
            public void onAnimationStart(Animation animation) {
              isFinishAnimation = false;
            }
            @Override
            public void onAnimationEnd(Animation animation) {
              isFinishAnimation = true;
              childView.clearAnimation();//清除动画
              //重新布局
              childView.layout(normal.left, normal.top, normal.right, normal.bottom);
              //清除normal的数据
              normal.setEmpty();
            }
            @Override
            public void onAnimationRepeat(Animation animation) {
            }
          });
          //启动动画
          childView.startAnimation(translateAnimation);
        }
        break;
    }
    return super.onTouchEvent(ev);
  }
  //判断是否需要执行平移动画
  private boolean isNeedAnimation() {
    return !normal.isEmpty();
  }
  private boolean isNeedMove() {
    int childMeasuredHeight = childView.getMeasuredHeight();//获取子视图的高度
    int scrollViewMeasuredHeight = this.getMeasuredHeight();//获取布局的高度
    Log.e("TAG", "childMeasuredHeight = " + childMeasuredHeight);
    Log.e("TAG", "scrollViewMeasuredHeight = " + scrollViewMeasuredHeight);
    int dy = childMeasuredHeight - scrollViewMeasuredHeight;//dy >= 0
    int scrollY = this.getScrollY();//获取用户在y轴方向上的偏移量 (上 + 下 -)
    if (scrollY <= 0 || scrollY >= dy) {
      return true;//按照我们自定义的MyScrollView的方式处理
    }
    //其他处在临界范围内的,返回false。即表示,仍按照ScrollView的方式处理
    return false;
  }
}

以上所述是小编给大家介绍的Android界面上拉下拉的回弹效果实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

时间: 2017-03-01

Android RecyclerView上拉加载更多功能回弹实现代码

实现原理是使用RecyclerView的OnTouchListener方法监听滑动 在adapter里面增加两项footview 其中date.size为显示的加载条,可以自定义,date.size+1为空白的View,我们设置其高度为0 我们通过LinearLayoutManager的 findLastVisibleItemPosition判断显示的最后一条数据,如果是空白view,表示加载条已经完全展示,松开即可刷新. 回弹效果是通过在滑动时动态改变空白view的高度,达到阻尼效果 ,回弹时

Android编程ViewPager回弹效果实例分析

本文实例讲述了Android编程ViewPager回弹效果.分享给大家供大家参考,具体如下: 其实在我们很多应用中都看到当ViewPager滑到第一页或者最后一页的时候,如果再滑动的时候,就会有一个缓冲的过程,也就是回弹效果.之前在研究回弹效果的时候,也顺便实现了ViewPager的回弹效果,其实也很简单,一下是实现代码,注释比较少: package com.freesonfish.viewpager_2; import android.content.Context; import andro

Android ReboundScrollView仿IOS拖拽回弹效果

初衷: 其实github上有很多这种ScrollView的项目,但是不得不说功能太多太乱了,我就只是想要一个简单效果的ScrollView,另外监听下滑动距离而已,想想还是自己写了个. 这里先说下思路吧,如果不愿意看的朋友可以直接跳过这一步,看下面的代码: Android 原生的ScrollView是不支持拉出屏幕外,并且也没有回弹效果的,用户友好度却不不太好,不知道为什么不那么设计. 我想做的事情正如上面所述: 1.希望能拉出屏幕外 2.松手后希望控件回弹 我的思路是对ScrollView的子

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

网上有很多类似的文章,大多数还是继承listview来实现(主要是listview.addHeaderView()和listview.addFooterView在listview的首尾添加view,也可以用上面的两个listview自带函数实现下拉刷新的功能,在这里不准备介绍,有兴趣的朋友可以去自己试试). 在本文主要是给android的线性布局(相对布局.帧布局)加上下拉或者上拉回弹得效果.在ios中我们经常能看到,在一个页面中即使是只有一个控件,这一个控件只占整个页面的1/10不到,但是当我

仿IOS的越界回弹效果和左右滑动功能

最初的本意是做一个TimeLine时间轴,到后来逐渐成为了一个侧滑的自定义控件.也很感谢大家的支持,所以趁着年初有空闲,重构了当前项目.以后也会逐渐完善和维护本项目并提供maven依赖,再次感谢! Feature SwipeDragLayout使用ViewDragHelper来进行滑动操作,代码少,易理解,核心代码不过150行 使用了保留一个静态类的方法来确保只有一个展开,并在onDetachedFromWindow方法中进行关闭操作 提供了多种自定义属性,见下表 sample使用了DataBi

Android自定义View实现拖拽效果

腾讯QQ有那种红点拖动效果,今天就来实现一个简单的自定义View拖动效果,再回到原处,并非完全仿QQ红点拖动. 先来看一下效果图 简单说一下实现步骤 1.创建一个类继承View 2.绘制出一个小球 3.重写onTouchEvent,来根据手指放下,移动,抬起,来控制小球 4.直接在布局中引用 先贴一张图看下View的坐标系 下面就贴一下代码,最后会给出源码 public class CustomView extends View { private int lastX; private int

android开发仿ios的UIScrollView实例代码

今天重新装了编译器,结果崩无极限,真是日了狗了了.刚刚才知道问题在哪边. 好了,说正事,对于ios开发我没接触,不是很了解,百度了半天,差不多就是UIScrollView的把.如果不对,请指证.具体什么效果呢,我刚才拿朋友的iphone手机看了下,iphone的设置界面,第一个列表往下拉可以继续滚,上拉同理.不过android好像没有自带的这种情况. 我把这种效果称为滚无极限的scollview. 下面就来上源码: 首先,最最最重要的就是判断当前视图是否为空,你空视图滚不滚好像没啥区别,除了an

android ListView和GridView拖拽移位实现代码

关于ListView拖拽移动位置,想必大家并不陌生,比较不错的软件都用到如此功能了.如:搜狐,网易,百度等,但是相比来说还是百度的用户体验较好,不偏心了,下面看几个示例:             首先说一下:拖拽ListView的item就不应该可以任意移动,只应该在ListView所在的范围内,而网易的你看看我都可以移动到状态栏了,虽然你做了处理,但是用户体验我个人感觉不好,在看看百度的,不仅控制了移动范围,更不错的百度的移动起来会时时的换位,看起来相当的形象,所以我认为这样相当的棒.说明一点

jQuery拖拽排序插件制作拖拽排序效果(附源码下载)

使用jquery拖拽排序插件制作拖拽排序效果是一款非常实用的鼠标拖拽布局插件.效果图如下: 效果演示         源码下载 html代码: <h1>水平拖拽</h1> <div class="demo"> <div class="item item1"><span>1</span></div> <div class="item item2"><

Android开发仿映客送礼物效果

这里写链接内容仿映客送小礼物的特效,顺便复习一下属性动画,话不多说先看效果图. 需求分析 可以看到整个动画有几部分组成,那我们就把每个部分拆分出来各个击破. 1.要显示那些内容以及内容间的位置关系? 可以看到我们要显示用户头像,昵称,礼物图标以及数量.所以这里我选择用FrameLayout来作为根布局. 2.需要哪些动画以及动画的执行顺序? a.首先是整体从左到右飞入并有一个回弹(translationX + OvershootInterpolator) b.然后是礼物从左到右飞入而且是一个带减

Android开发仿IOS滑动开关实现代码

Android开发仿IOS滑动开关实现代码 Android与iOS相比,ios好多控件都是自带的,而android需要使用自定义来实现.今天说的是ios的滑动开关,我层看到好多博客都是通过自定义ToggleButton实现的.这里我通过自定义view来实现他的效果. 首先在onsizechange里把2个半圆和一个矩形绘制出来. width = w; height = h; left = top = 0; right = width; bottom = height * 0.8f; cx = (

Android中仿IOS提示框的实现方法

前言 在Android开发中,我们有时需要实现类似IOS的对话框.今天我就来总结下,如何通过自定义的开发来实现类似的功能. 自定义Dialog 我们知道Android中最常用的对话框就是Dialog及其派生类.这次我们通过组合的方式来实现一个类似IOS对话框的效果.我们先来看一下布局效果,这个相信大家都能弄出来,在这里我就贴一下最后的效果图(注意:对话框的边缘是圆角的). 效果图如下: 我们看到,这个和IOS的对话框已经非常相似了,后面我们需要做的就是将其作为一个组件封装起来,实现AlertDi