温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Android 中怎么利用ScrollView实现反弹效果

发布时间:2021-06-28 16:49:42 来源:亿速云 阅读:108 作者:Leah 栏目:移动开发

本篇文章给大家分享的是有关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.getRight(), inner.getBottom() - deltaY / 2); 
      } 
      isCount = true; 
      break; 
 
    default: 
      break; 
    } 
  } 
 
  /*** 
   * 回缩动画 
   */ 
  public void animation() { 
    // 开启移动动画 
    TranslateAnimation ta = new TranslateAnimation(0, 0, inner.getTop(), 
        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 >   </span><!-- 这里可以尽情的布局 --> 
    </LinearLayout> 
</com.techrare.view.BounceScrollView>

以上就是Android 中怎么利用ScrollView实现反弹效果,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI