View体系

View体系

先介绍一下View的部分继承关系和View的6种滑动

View的部分继承关系

View的滑动

• layout() 方法

 public boolean onTouchEvent(MotionEvent event) {
        //获取手指触摸点的横纵坐标
        int x = (int) event.getX();
        int y = (int) event.getY();
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                lastX = x;
                lastY = y;
                break;
            case MotionEvent.ACTION_MOVE:
                //计算移动的距离
                int offsetX = x - lastX;
                int offsetY = y - lastY;
                //重新放置它的位置
                layout(getLeft()+offsetX, getTop()+offsetY, getRight()+offsetX, getBottom()+offsetY);
                break;
        }
        return true;
    }

• offsetLeftAndRight（）与offsetTopAndBottom（）
  和layout（）方法差不多

            case MotionEvent.ACTION_MOVE:
                //计算移动的距离
                int offsetX = x - lastX;
                int offsetY = y - lastY;
                //对left和right进行偏移
                offsetLeftAndRight(offsetX);
                //对top和bottom进行偏移    
                offsetTopAndBottom(offsetY);
                break;

• LayoutParams（改变布局参数）
  LayoutParams主要保存了一个View的布局参数，同样，我们将 ACTION_MOVE中的代码替换成如下代码：

//因为父控件是LinearLayout所以用了 LinearLayout.LayoutParams,还可以用 ViewGroup.MarginLayoutParams
 		LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) getLayoutParams();
        layoutParams.leftMargin = getLeft() + offsetX;
        layoutParams.topMargin = getTop() + offsetY;
        setLayoutParams(layoutParams);

• 动画
  若不想回到原来位置，需要在xml文件中加上fill After=“true”
  注：View动画并不能改变View的位置参数，我们点击这个Button并不会触发点击事件，但在我们点击这个
  Button的原始位置时却触发了点击事件。对于系统来说这个Button并没有改变原有的位置（属性动画可以改变View的位置参数）
• scrollTo与scrollBy
  scrollTo（x，y）表示移动到一个具体的坐标点，而scrollBy（dx，dy）则表示移动的增量为dx、dy。其中，scollBy最终也是要调用scollTo的。如果在ViewGroup中使用，则是移动其所有的子View。我们将ACTION_MOVE中的代码替换成如下代码：

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

偏移量设置成负值的原因：
如果我们调用scrollBy（50，50），里面的参数都是正值，我们的手机屏幕向 X轴正方向，也就是向右边平移 50，然后手机屏幕向 Y轴正方向，也就是向下方平移 50，平移后的效果如图3-7所示。虽然我们设置的数值是正数并且在X轴和Y轴的正方向移动，但 Button 却向相反方向移动了。

• Scroller
  scollTo/scollBy方法进行滑动时，这个过程是瞬间完成的。Scroller 来实现有过渡效果的滑动，
  Scroller本身是不能实现View的滑动的，它需要与View的computeScroll（）方法配合才能实现弹性滑动的效果。

首先我们要初始化Scroller

mScroller = new Scroller(context);

接下来重写computeScroll（）方法，系统会在绘制View的时候在draw（）方法中调用该方法。在这个方法中，我们调用父类的scrollTo（）方法并通过Scroller来不断获取当前的滚动值，每滑动一小段距离我们就调用invalidate（）方法不断地进行重绘，重绘就会调用computeScroll（）方法。

@Override
    public void computeScroll() {
        super.computeScroll();
        //检测是否完成滚动（为true则表示滑动未结束，为false则表示滑动结束）
        if(mScroller.computeScrollOffset()) {
            //通过 Scroller 来获取当前的 ScrollX和ScrollY，然后调用scrollTo（）方法进行View的滑动
            ((View) getParent()).scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
            invalidate();
        }
    }

我们在 自定义View 中写一个 smoothScrollTo 方法，调用 Scroller 的startScroll（）方法，在2000ms内沿X轴平移delta像素

public void smoothScrollTo(int destX, int destY) {
        int scrollX = getScrollX();
        int delta = destX-scrollX;
        mScroller.startScroll(scrollX, 0, delta, 0, 2000);
        invalidate();
    }

mCustomView.smoothScrollTo(-400,0);