Android ScrollView实现反弹效果的实例

 Android ScrollView实现反弹效果

自定义ScrollView控件:

/** 
 * ScrollView反弹效果的实现 
 */ 
public class BounceScrollView extends ScrollView { 
  private View inner;// 孩子View 
 
  private float y;// 点击时y坐标 
 
  private Rect normal = new Rect();// 矩形(这里只是个形式,只是用于判断是否需要动画.) 
 
  private boolean isCount = false;// 是否开始计算 
 
  public BounceScrollView(Context context,AttributeSet attrs) { 
    super(context,attrs); 
  } 
 
  /*** 
   * 根据 XML 生成视图工作完成.该函数生成视图的最后调用,在所有子视图添加完之后. 即使子类覆盖了 onFinishInflate 
   * 方法,也应该调用父类方法,使该方法得以执行. 
   */ 
  @Override 
  protected void onFinishInflate() { 
    if (getChildCount() > 0) { 
      inner = getChildAt(0); 
    } 
  } 
 
  /*** 
   * 监听touch 
   */ 
  @Override 
  public boolean onTouchEvent(MotionEvent ev) { 
    if (inner != null) { 
      commOnTouchEvent(ev); 
    } 
 
    return super.onTouchEvent(ev); 
  } 
 
  /*** 
   * 触摸事件 
   * 
   * @param ev 
   */ 
  public void commOnTouchEvent(MotionEvent ev) { 
    int action = ev.getAction(); 
    switch (action) { 
    case MotionEvent.ACTION_DOWN: 
      break; 
    case MotionEvent.ACTION_UP: 
      // 手指松开. 
      if (isNeedAnimation()) { 
        animation(); 
        isCount = false; 
      } 
      break; 
    /*** 
     * 排除出第一次移动计算,因为第一次无法得知y坐标, 在MotionEvent.ACTION_DOWN中获取不到, 
     * 因为此时是MyScrollView的touch事件传递到到了LIstView的孩子item上面.所以从第二次计算开始. 
     * 然而我们也要进行初始化,就是第一次移动的时候让滑动距离归0. 之后记录准确了就正常执行. 
     */ 
    case MotionEvent.ACTION_MOVE: 
      final float preY = y;// 按下时的y坐标 
      float NowY = ev.getY();// 时时y坐标 
      int deltaY = (int) (preY - NowY);// 滑动距离 
      if (!isCount) { 
        deltaY = 0; // 在这里要归0. 
      } 
 
      y = NowY; 
      // 当滚动到最上或者最下时就不会再滚动,这时移动布局 
      if (isNeedMove()) { 
        // 初始化头部矩形 
        if (normal.isEmpty()) { 
          // 保存正常的布局位置 
          normal.set(inner.getLeft(),inner.getTop(),inner.getRight(),inner.getBottom()); 
        } 
        Log.e("jj","矩形:" + inner.getLeft() + "," + inner.getTop() 
            + "," + inner.getRight() + "," + inner.getBottom()); 
        // 移动布局 
        inner.layout(inner.getLeft(),inner.getTop() - deltaY / 2,inner.getBottom() - deltaY / 2); 
      } 
      isCount = true; 
      break; 
 
    default: 
      break; 
    } 
  } 
 
  /*** 
   * 回缩动画 
   */ 
  public void animation() { 
    // 开启移动动画 
    TranslateAnimation ta = new TranslateAnimation(0,normal.top); 
    ta.setDuration(200); 
    inner.startAnimation(ta); 
    // 设置回到正常的布局位置 
    inner.layout(normal.left,normal.top,normal.right,normal.bottom); 
 
    Log.e("jj","回归:" + normal.left + "," + normal.top + "," + normal.right 
        + "," + normal.bottom); 
 
    normal.setEmpty(); 
 
  } 
 
  // 是否需要开启动画 
  public boolean isNeedAnimation() { 
    return !normal.isEmpty(); 
  } 
 
  /*** 
   * 是否需要移动布局 inner.getMeasuredHeight():获取的是控件的总高度 
   * 
   * getHeight():获取的是屏幕的高度 
   * 
   * @return 
   */ 
  public boolean isNeedMove() { 
    int offset = inner.getMeasuredHeight() - getHeight(); 
    int scrollY = getScrollY(); 
    Log.e("jj","scrolly=" + scrollY); 
    // 0是顶部,后面那个是底部 
    if (scrollY == 0 || scrollY == offset) { 
      return true; 
    } 
    return false; 
  } 
 
} 

实现反弹效果

<com.techrare.view.BounceScrollView 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:background="@color/tab_chart_bg" 
    android:scrollbars="none" > 
 
    <LinearLayout 
      android:layout_width="fill_parent" 
      android:layout_height="match_parent" 
      android:gravity="center_horizontal" 
      android:orientation="vertical" 
      android:paddingLeft="20dp" 
      android:paddingRight="20dp" > 
<span style="white-space:pre">   </span><!-- 这里可以尽情的布局 --> 
    </LinearLayout> 
</com.techrare.view.BounceScrollView> 

以上就是 Android ScrollView实现反弹效果的实例的讲解,本站关于Android开发的文章还有很多,欢迎大家搜索查阅,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持

相关文章

Android性能优化——之控件的优化 前面讲了图像的优化,接下...
前言 上一篇已经讲了如何实现textView中粗字体效果,里面主要...
最近项目重构,涉及到了数据库和文件下载,发现GreenDao这个...
WebView加载页面的两种方式 一、加载网络页面 加载网络页面,...
给APP全局设置字体主要分为两个方面来介绍 一、给原生界面设...
前言 最近UI大牛出了一版新的效果图,按照IOS的效果做的,页...