模仿ios的scrollView

最新推荐文章于 2021-05-25 19:26:35 发布

qq_16251865

最新推荐文章于 2021-05-25 19:26:35 发布

阅读量226

点赞数

分类专栏：控件相关

本文链接：https://blog.csdn.net/qq_16251865/article/details/56016911

版权

控件相关专栏收录该内容

2 篇文章 0 订阅

订阅专栏

做了这么久项目了，有时会被吐槽，滑动块儿好死板，不和谐~~~ so，我们可以模仿一下ios的滑块儿。ps：改代码源自一个前辈。但是我忘了是谁了，在此非常感谢他.

public class IOSScrollview extends ScrollView {

   // 拖动的距离 size = 4 的意思 只允许拖动屏幕的1/4
   private static final int size = 4;
   private View inner;
   private float y;
   private Rect normal = new Rect();;

   public IOSScrollview(Context context) {
      super(context);
   }

   public IOSScrollview(Context context, AttributeSet attrs) {
      super(context, attrs);
   }

   @Override
   protected void onFinishInflate() {
      if (getChildCount() > 0) {
         inner = getChildAt(0);
      }
   }

   @Override
   public boolean onTouchEvent(MotionEvent ev) {
      if (inner == null) {
         return super.onTouchEvent(ev);
      } else {
         commOnTouchEvent(ev);
      }
      return super.onTouchEvent(ev);
   }

   public void commOnTouchEvent(MotionEvent ev) {
      int action = ev.getAction();
      switch (action) {
         case MotionEvent.ACTION_DOWN:
            y = ev.getY();
            break;
         case MotionEvent.ACTION_UP:
            if (isNeedAnimation()) {
               // Log.v("mlguitar", "will up and animation");
               animation();
            }
            break;
         case MotionEvent.ACTION_MOVE:
            final float preY = y;
            float nowY = ev.getY();
            /**
             * size=4 表示 拖动的距离为屏幕的高度的1/4
             */
            int deltaY = (int) (preY - nowY) / size;
            // 滚动
            // scrollBy(0, deltaY);

            y = nowY;
            // 当滚动到最上或者最下时就不会再滚动，这时移动布局
            if (isNeedMove()) {
               if (normal.isEmpty()) {
                  // 保存正常的布局位置
                  normal.set(inner.getLeft(), inner.getTop(),
                        inner.getRight(), inner.getBottom());
                  return;
               }
               int yy = inner.getTop() - deltaY;

               // 移动布局
               inner.layout(inner.getLeft(), yy, inner.getRight(),
                     inner.getBottom() - deltaY);
            }
            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);
      normal.setEmpty();
   }

   // 是否需要开启动画
   public boolean isNeedAnimation() {
      return !normal.isEmpty();
   }

   // 是否需要移动布局
   public boolean isNeedMove() {
      int offset = inner.getMeasuredHeight() - getHeight();
      int scrollY = getScrollY();
      if (scrollY == 0 || scrollY == offset) {
         return true;
      }
      return false;
   }

}