安卓View体系

Android View详解

在Android中，什么是View？

View是Android中所有控件的基类，不管是简单的TextView，Button还是复杂的LinearLayout和ListView，它们的共同基类都是View；

View是一种界面层的控件的一种抽象，它代表了一个控件，除了View还有ViewGroup，从名字来看ViewGroup可以翻译为控件组，即一组View；

在Android中，ViewGroup也继承了View，这就意味着View可以是单个控件，也可以是由多个控件组成的一组控件；

View的位置参数

View和位置主要由它的四个顶点来决定，分别对应View的四个属性：top、left、right、bottom，top是左上角纵坐标，left是左上角横坐标，right是右下角横坐标，bottom是右下角纵坐标；对应如图所示：

根据上图我们可以得到View的宽高和坐标的关系；

width = right - left;

hight = bottom - top;

如何得到View的这四个参数呢？

left = getLeft();

right = getRight();

top = getTop();

bottom = getBottom();

View 的滑动

一丶ScrollTo的使用

1、scrollTo(100, 0); 这是向左滚动100像素；
2、scrollTo(-100, 0); 这是向右滚动100像素；
3、scrollTo(0, 100); 这是向下滚动100像素；
4、scrollTo(0, 0); 这是滚到到页面顶部位置；

二丶

在scrollBy()中调用了scrollTo（），在scrollTo()中有两个关键变量mScrollX、mScrollY

Android自定义组件

android自定义组件一般有三种实现方式：
一、组合控件：组合控件，顾名思义就是将一些小的控件组合起来形成一个新的控件，这些小的控件多是系统自带的控件。
二、自绘控件: 何为自绘控件，就是完全用Paint和canvas画出来的，就是在onDraw()方法里面绘画，在onMeasure()方法里面进行测量，如果是容器在onLayout()方法中定位每个子组件。
三、继承控件: 就是继承已有的控件，创建新控件，保留继承的父控件的特性，并且还可以引入新特性。

View滑动的六种方法

view滑动方法1

通过layout重新设置左上右下参数，刷新界面
//实现效果，view跟随手指移动

@Override
    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;
    }

view滑动方法2

offsetLeftAndRight，offsetTopAndBottom
//实现效果，view跟随手指移动

@Override
   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;
               offsetLeftAndRight(offsetX);
               offsetTopAndBottom(offsetY);
               break;
       }
       return true;
   }

view滑动方法3

layoutParams

@Override
    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;
                //View 父类groupView必须是LinearLayout,或者换成ViewGroup.LayoutParams
                LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) getLayoutParams();
                layoutParams.leftMargin = getLeft()+offsetX;
                layoutParams.topMargin = getTop()+offsetY;
                setLayoutParams(layoutParams);
                break;
        }
        return true;
    }

view滑动方法4

动画

view视图 动画
1.
    <?xml version="1.0" encoding="utf-8"?>
    <set xmlns:android="http://schemas.android.com/apk/res/android">
        <translate android:fromXDelta="0"
            android:toXDelta="300"
            android:fromYDelta="0"
            android:fillAfter = "true"
            android:duration = "1000"
            android:toYDelta="250"/>

    </set>
    2.
      watchView.setAnimation(AnimationUtils.loadAnimation(this,R.anim.translate_view));
      view动画不能改变view的位置参数

  或者利用属性动画来移动
 ObjectAnimator.ofFloat(watchView,"translationX",0,300)
                .setDuration(1000)
                .start();

view移动方法5

scrollTo，scrollBy

 /**
     * 移动到一个具体的点
     * @param x
     * @param y
     */
    @Override
    public void scrollTo(int x, int y) {
        super.scrollTo(x, y);
        LogUtil.d("hh","customView scrollTo");
    }

    /**
     * 移动的增量，最终还是会调用scrollTo
     * @param x
     * @param y
     */
    @Override
    public void scrollBy(int x, int y) {
        super.scrollBy(x, y);
        LogUtil.d("hh","customView scrollBy");

    }

    @Override
    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;
                //父类group view必须是LinearLayout
                ((View)getParent()).scrollBy(-offsetX,-offsetY);
                break;
        }
        return true;
    }

view滑动方法6

scroller

scrollTo，scrollBy移动的是瞬间完成的，没有过渡效果，可以用Scroller来完成
    private Scroller mScroller = new Scroller(mContext); 

 /**
     * Scroller本身是不能实现view的滑动的，它需要和view的computeScroll()方法配合才能实现弹性滑动的效果
     * 系统会在绘制view的时候在draw()方法中调用该方法
     * 调用父类的scrollTo()方法，并通过Scroller来不断获取当前的滚动值，每滑动一小段距离
     * 我们就调用invalidate()方法不断重绘，重绘就会调用computeScroll()，这样就不断的移动一个小的距离并连贯起来就实现了平滑的移动
     */
    @Override
    public void computeScroll() {
        super.computeScroll();
        if (mScroller.computeScrollOffset()){
            ((View)getParent()).scrollTo(mScroller.getCurrX(),mScroller.getCurrY());
            invalidate();
        }
    }

    /**
     * 在2000ms内沿X轴平移deltaX像素，在需要用到的地方调用即可
     * @param destX
     */
    public void smoothScrollTo(int destX){
        int scrollX = getScrollX();
        int deltaX = destX-scrollX;//x轴增量
        mScroller.startScroll(scrollX,0,deltaX,0,2000);
    }

View属性动画

ViewPropertyAnimator

使用方式：View.animate() 后跟 translationX() 等方法，动画自动运行

view.animate().translationX(500);

ObjectAnimator

使用方式：

如果是自定义控件，需要添加 setter / getter 方法,并在setter方法的最后调用invalidate()方法，刷新绘制；
用 ObjectAnimator.ofXXX() 创建 ObjectAnimator 对象；
用 start() 方法执行动画。

public class SportsView extends View {

    float progress = 0;

    ......

    // 创建 getter 方法
    public float getProgress() {
        return progress;
    }

    // 创建 setter 方法
    public void setProgress(float progress) {
        this.progress = progress;
        invalidate();
    }

    @Override
    public void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        ......

        canvas.drawArc(arcRectF, 135, progress * 2.7f, false, paint);

        ......
    }
}

......

设置监听事器

给动画设置监听器，可以在关键时刻得到反馈，从而及时做出合适的操作，例如在动画的属性更新时同步更新其他数据，或者在动画结束后回收资源等。
设置监听器的方法， ViewPropertyAnimator 和 ObjectAnimator 略微不一样： ViewPropertyAnimator用的是 setListener() 和 setUpdateListener()方法，可以设置一个监听器，要移除监听器时通过 set[Update]Listener(null) 填 null 值来移除；而 ObjectAnimator则是用 addListener() 和 addUpdateListener() 来添加一个或多个监听器，移除监听器则是通过 remove[Update]Listener() 来指定移除对象。
另外，由于 ObjectAnimator 支持使用 pause()方法暂停，所以它还多了一个 addPauseListener() / removePauseListener() 的支持； 而 ViewPropertyAnimator 则独有 withStartAction() 和 withEndAction() 方法，可以设置一次性的动画开始或结束的监听，在动画执行结束后就自动丢弃，就算之后再重用 ViewPropertyAnimator 来做别的动画，用它们设置的回调也不会再被调用。而 set/addListener() 所设置的 AnimatorListener 是持续有效的，当动画重复执行时，回调总会被调用。
需要说明一下的是，就算动画被取消，onAnimationEnd() 也会被调用。所以当动画被取消时，如果设置了 AnimatorListener，那么 onAnimationCancel()和 onAnimationEnd() 都会被调用。onAnimationCancel() 会先于 onAnimationEnd() 被调用。
withEndAction() 设置的回调只有在动画正常结束时才会被调用，而在动画被取消时不会被执行。这点和 AnimatorListener.onAnimationEnd() 的行为是不一致的。

TypeEvaluator

关于 ObjectAnimator，上面讲到可以用 ofInt() 来做整数的属性动画和用ofFloat() 来做小数的属性动画。这两种属性类型是属性动画最常用的两种，不过在实际的开发中，可以做属相动画的类型还是有其他的一些类型。当需要对其他类型来做属性动画的时候，就需要用到 TypeEvaluator 了。

自定义 Evaluator

借助于 TypeEvaluator，属性动画就可以通过 ofObject()来对不限定类型的属性做动画了。

private class PointFEvaluator implements TypeEvaluator<PointF> {
   PointF newPoint = new PointF();

   @Override
   public PointF evaluate(float fraction, PointF startValue, PointF endValue) {
       float x = startValue.x + (fraction * (endValue.x - startValue.x));
       float y = startValue.y + (fraction * (endValue.y - startValue.y));

       newPoint.set(x, y);

       return newPoint;
   }
}

ObjectAnimator animator = ObjectAnimator.ofObject(view, "position",
        new PointFEvaluator(), new PointF(0, 0), new PointF(1, 1));
animator.start();

Android坐标系

Android中有两种坐标系，分别为Android坐标系和视图坐标系，首先我们先来看看Android坐标系。 在Android中，将屏幕的左上角的顶点作为Android坐标系的原点，这个原点向右是X轴正方向，原点向下是Y轴正方向。

视图坐标系

View获取自身宽高

getHeight()：获取View自身高度

getWidth()：获取View自身宽度
View自身坐标

通过如下方法可以获得View到其父控件（ViewGroup）的距离：

getTop()：获取View自身顶边到其父布局顶边的距离

getLeft()：获取View自身左边到其父布局左边的距离

getRight()：获取View自身右边到其父布局左边的距离

getBottom()：获取View自身底边到其父布局顶边的距离
MotionEvent提供的方法

我们看上图那个深蓝色的点，假设就是我们触摸的点，我们知道无论是View还是ViewGroup，最终的点击事件都会由onTouchEvent(MotionEvent event)方法来处理，MotionEvent也提供了各种获取焦点坐标的方法：

getX()：获取点击事件距离控件左边的距离，即视图坐标

getY()：获取点击事件距离控件顶边的距离，即视图坐标

getRawX()：获取点击事件距离整个屏幕左边距离，即绝对坐标

getRawY()：获取点击事件距离整个屏幕顶边的的距离，即绝对坐标