Android群英转读书笔记第五章(Android Scroll分析)

概述

这是Android读书笔记第三篇，主要讲的就是关于Scroll的东西

笔记

Android提供了两种坐标系
Android坐标系：以屏幕左上角为坐标原点，向下为Y正方向，向右为X正方向，指的是视图左上角的坐标系。
视图坐标系：描述的是子视图在父视图中的位置

如何获取坐标：

• View提供的获取坐标的方法
  getTop:View自身顶部到父布局顶部的距离
  getLeft:View自身左边到父布局左边距离
  getBottom:View自身底部到父布局顶部距离
  getRight:View自身右边到父布局左边距离

• MotionEvent提供的方法
  getX:获取点击事件距离控件左边的距离
  getY:获取点击事件距离控件顶部的距离
  getRawX:点击事件距离整个屏幕左边的距离
  getRawY:点击事件距离整个屏幕顶部的距离

实现滑动的方式
1.Layout:可以使用绝对坐标也可以使用相对坐标，使用相对坐标需要注意一点：在ACTION_MOVE的最后要重新将当前位置设置给上次，不然就无法准确获取偏移量

2.同时偏移

offsetLeftAndRight();
 offsetTopAndBottom();`

3.LayoutParams
获取View所在的布局参数，设置左边距，然后保存

4.scrollTo与scrollBy

 case MotionEvent.ACTION_MOVE:
                int offsetX = x - lastX;
                int offsetY = y - lastY;
                ((View)getParent()).scrollBy(-offsetX,-offsetY);
                break;

注意：这两个方法移动的是View的内容，而不是View本身，如果想移动View本身，就要在该View所在的ViewGroup移动

 ((View)getParent()).scrollBy(-offsetX,-offsetY);

还有，要注意参数的正负，小于0表示表示向正方向移动。

5.Scroller
Scroller用来实现平滑移动，
6.属性动画
谷歌给我们提供了两个滑动控件，DrawerLayout和SlidingPaneLayout,它们底部都使用了ViewDragHelper,下面通过一个例子来看看它的使用。

public class DragLayout extends FrameLayout {

    private final ViewDragHelper viewDragHelper;
    //侧边栏布局
    private View menuView;
    //主页面布局
    private MyRelativeLayout mainView;
    //主布局的宽度
    private int measuredWidth;
    //手势识别
    GestureDetectorCompat detectorCompat;
    public boolean isDrag = false;
    //滑动的距离
    private int mDragRange;
    //默认关闭状态
    private Status mStatus = Status.Close;
    public static enum Status{
        Open,Close,Draging
    }
    public DragLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        //创建ViewDragHelper，ViewDragHelper通常定义在一个ViewGroup中，第一个参数是当前父类，第二个参数是回调接口
        viewDragHelper = ViewDragHelper.create(this, callback);
        detectorCompat = new GestureDetectorCompat(getContext(),mGestureListener);
    }

    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();
        menuView = getChildAt(0);
        mainView = (MyRelativeLayout) getChildAt(1);
        mainView.setGragLayout(this);
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        measuredWidth = mainView.getMeasuredWidth();//主页面宽度，一般为屏幕宽度
        mDragRange = (int) (measuredWidth*0.6f);
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        //让viewDragHelper判断是否要拦截事件
            return viewDragHelper.shouldInterceptTouchEvent(ev);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        //将触摸事件交给viewDragHelper处理
        viewDragHelper.processTouchEvent(event);
        return true;
    }

    @Override
    public void computeScroll() {
        super.computeScroll();
        if(viewDragHelper.continueSettling(true)){
            ViewCompat.postInvalidateOnAnimation(this);
        }
    }

    /**
     * 关闭侧边栏
     */
    public void close(){
        viewDragHelper.smoothSlideViewTo(mainView,0,0);
        ViewCompat.postInvalidateOnAnimation(DragLayout.this);
        mStatus = Status.Close;
    }

    /**
     * 提供信息以接收事件的回调
     */
    private ViewDragHelper.Callback callback = new ViewDragHelper.Callback() {

        @Override
        //判断何时开始检测触摸事件
        public boolean tryCaptureView(View child, int pointerId) {
                return mainView == child;
        }
        @Override
        public int clampViewPositionVertical(View child, int top, int dy) {
            return 0;
        }
        @Override
        public int getViewHorizontalDragRange(View child) {
            return mDragRange;
        }

        @Override
        public int clampViewPositionHorizontal(View child, int left, int dx) {
            if(left<0){//禁止主页面向左滑动
                return 0;
            }
            if(left>=mDragRange){//主页面滑动到指定距离后不让滑动
                return mDragRange;
            }
            return left;
        }

        @Override
        public void onViewReleased(View releasedChild, float xvel, float yvel) {
            super.onViewReleased(releasedChild, xvel, yvel);
            if(mainView.getLeft()<300){//滑动距离不够大时关闭侧边栏
                viewDragHelper.smoothSlideViewTo(mainView,0,0);
                mStatus = Status.Close;
            }else{
                viewDragHelper.smoothSlideViewTo(mainView, (int) (measuredWidth*0.6f),0);
                mStatus = Status.Open;
            }
            ViewCompat.postInvalidateOnAnimation(DragLayout.this);
        }

        @Override
        public void onViewCaptured(View capturedChild, int activePointerId) {
            super.onViewCaptured(capturedChild, activePointerId);
        }

        @Override
        public void onViewDragStateChanged(int state) {
            super.onViewDragStateChanged(state);
        }

        @Override
        public void onViewPositionChanged(View changedView, int left, int top, int dx, int dy) {
            super.onViewPositionChanged(changedView, left, top, dx, dy);
        }
    };
    GestureDetector.SimpleOnGestureListener mGestureListener = new GestureDetector.SimpleOnGestureListener() {
        public boolean onScroll(MotionEvent e1, MotionEvent e2,
                                float distanceX, float distanceY) {
            if ((Math.abs(distanceX) > Math.abs(distanceY)) && distanceX < 0 && isDrag != false && mStatus == Status.Close) {
                return true;
            } else if ((Math.abs(distanceX) > Math.abs(distanceY)) && distanceX > 0 && isDrag != false && mStatus == Status.Open) {
                return true;
            } else {
                return false;
            }
        }
        };
    //获取侧边栏的状态
    public Status getStatus(){
        return mStatus;
    }
}

然后我们要定义一个主页面容器，来处理ListView的滑动冲突

public class MyRelativeLayout extends RelativeLayout {
    DragLayout mViewGroup;
    public MyRelativeLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
    }



    /**
     * 判断是否要拦截侧边栏的事件
     * @param ev
     * @return
     */
    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        if(mViewGroup.getStatus() == DragLayout.Status.Close){//侧边栏关闭的时候，主页面不拦截事件
            return super.onInterceptTouchEvent(ev);//false
        }else {//侧边栏打开的时候，事件要交给主页面控制,不让ListView获取事件
            return true;
        }
    }

    public void setGragLayout(DragLayout viewGroup){
        mViewGroup = viewGroup;
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {

            if(MotionEventCompat.getActionMasked(event) == MotionEvent.ACTION_UP){
                    mViewGroup.close();//关闭侧边栏
            }
            return true;
    }
}

最后我们看看布局文件

<com.example.androidheros.DragLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/dragview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.androidheros.MainActivity">
  <LinearLayout
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      >
      <TextView
          android:id="@+id/tv_menu"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="菜单页面"
          android:textSize="25sp"
          android:textColor="#0000ff"
          />
  </LinearLayout>
    <com.example.androidheros.MyRelativeLayout
        android:id="@+id/maincontent"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#9e9e9e"
        >
        <ListView
            android:id="@+id/listview"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="25sp"
            android:layout_centerVertical="true"
            android:textColor="#ff0000"
            />
    </com.example.androidheros.MyRelativeLayout>
</com.example.androidheros.DragLayout>

总结：
1.什么时候DragLayout会拦截事件？
还记得我们在DragLayout的onInterceptTouchEvent方法里面是怎么写的吗？

  @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        //让viewDragHelper判断是否要拦截事件
            return viewDragHelper.shouldInterceptTouchEvent(ev);
    }

我们知道返回true，表示拦截事件，否则不拦截，那么什么时候会拦截呢？通过看源码我们发现当当前状态是滑动的时候，会拦截事件。

2.当侧边栏打开的时候，如何不让ListView响应事件？
当侧边栏打开的时候，我们让ListView所在的父类，也就是主页面拦截事件，这样ListView就无法响应事件了，

 @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        if(mViewGroup.getStatus() == DragLayout.Status.Close){//侧边栏关闭的时候，主页面不拦截事件
            return super.onInterceptTouchEvent(ev);//false
        }else {//侧边栏打开的时候，事件要交给主页面控制,不让ListView获取事件
            return true;
        }
    }

3.点击主布局，关闭侧边栏如何实现？

当侧边栏打开的时候，我们的主页面回去拦截事件，这时候会执行它的onTouEvent方法，我们在这个方法中判断，如果是ACTION_UP，就关闭侧边栏

 @Override
    public boolean onTouchEvent(MotionEvent event) {
            if(MotionEventCompat.getActionMasked(event) == MotionEvent.ACTION_UP) {
                mViewGroup.close();//
            }
            return true;
    }

点此下载源码