View与ViewGroup

View是Android所有控件的基类
ViewGroup是View的组合，ViewGroup可以包含很多View以及ViewGroup，而包含的ViewGroup又可以包含View和ViewGroup

View树

坐标系

Android系统中有两种坐标系：Android坐标系和View坐标系。

Android坐标系

在Android中，将屏幕左上角的顶点作为Android坐标系的原点，这个原点向右是X轴正方向，向下是Y轴正方向

Android坐标系

View坐标系

View坐标系与Android坐标系并不冲突，两者是共同存在的

View坐标系

View获取自身的宽高

width=getRight()-getLeft();
height=getBottom()-getTop();

这样做比较麻烦，因为系统已经向我们提供了获取View宽高的方法：getHeight()、getWidth()

View自身的坐标

• getTop():获取View自身顶边到其父布局顶边的距离
• getLeft():获取View自身左边到其父布局左边的距离
• getRight():获取View自身右边到其父布局左边的距离
• getBottom():获取View自身底边到其父布局顶边的距离

MotionEvent

• getX() 获取点击事件距离控件左边的距离，即视图坐标
• getY() 获取点击事件距离控件顶边的距离，视图坐标
• getRawX() 获取点击事件距离整个屏幕左边的距离 绝对坐标
• getRawY() 获取点击事件距离整个屏幕顶边的距离 绝对坐标

View的滑动

在处理View的滑动时，基本思路都是类似的：当点击事件传到View时，系统记下触摸点的坐标，手指移动时记下移动后触摸的坐标并计算偏移量，并通过偏移量来修改View的坐标

layout()方法

View进行绘制的时候会调用onLayout()来设置显示的位置。
我们自定义一个view

• java代码 CustomView.java

package com.probuing.androidlight.view;

import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

import androidx.annotation.Nullable;

public class CustomView extends View {
    private int lastX;
    private int lastY;

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

    public CustomView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public CustomView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    public CustomView(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
    }

    @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方法重新绘制位置
                layout(getLeft() + offsetX, getTop() + offsetY, getRight() + offsetX, getBottom() + offsetY);
                break;
        }
        return true;
    }
}

• 随后在布局文件中引用自定义View

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".activity.ViewLSNActivity">

    <com.probuing.androidlight.view.CustomView
        android:id="@+id/customview"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:layout_margin="50dp"
        android:background="@android:color/holo_red_light"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

offsetLeftAndRight()和offsetTopAndBottom()

其实也可以用这两种方法来替换layout()方法

• java代码

 @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);
                //调用layout方法重新绘制位置
//                layout(getLeft() + offsetX, getTop() + offsetY, getRight() + offsetX, getBottom() + offsetY);
                break;
        }
        return true;
    }

LayoutParams(改变布局参数)

LayoutParams主要保存了一个View的布局参数，因此我们可以通过LayoutParams来改变View的布局参数从而达到改变View位置的效果
因为我们自定义的View的父控件是LinearLayout，所以我们使用了LinearLayout.LayoutParams。

• java代码

  @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);*/
                //调用layout方法重新绘制位置
//                layout(getLeft() + offsetX, getTop() + offsetY, getRight() + offsetX, getBottom() + offsetY);
                ConstraintLayout.LayoutParams layoutParams = (ConstraintLayout.LayoutParams) getLayoutParams();
                layoutParams.leftMargin = getLeft()+offsetX;
                layoutParams.topMargin = getTop() + offsetY;
                setLayoutParams(layoutParams);
                break;
        }
        return true;
    }

动画

我们也可以采用View动画来移动

• res目录创建anim目录 并创建translate.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="1000"
        android:fromXDelta="0"
        android:toXDelta="300" />
</set>

View动画不能改变View的位置参数。但是属性动画可以解决位置问题

   @Override
    protected void onStart() {
        super.onStart();
        ObjectAnimator.ofFloat(customview,"translationX",0,300).setDuration(1000)
                .start();
    }

scrollTo与scrollBy

scrollTo(x,y)表示移动到一个具体的坐标点。而scrollBy(dx,dy)则表示移动的增量为dx、dy。

属性动画

随着Android3.0属性动画的提出，View之前的动画带来的问题，例如响应事件位置依然在动画发生前的地方，不具备交互性等也随之解决。

ObjectAnimator

ObjectAnimator是属性动画最重要的类，创建一个ObjectAnimator只需要通过其静态工厂类直接返还一个ObjectAnimator对象。参数包括一个对象和对象的属性名字,这个属性必须有get和set方法

ObjectAnimator.ofFloat(customview,"translationX",0,300)
        .setDuration(1000)
        .start();

下面就是一些常用的可以直接使用的属性动画的属性值

• translationX和translationY:用来沿着X轴或Y轴进行平移
• rotation、rotationX、rotationY：用来围绕View的支点进行旋转
• PrivotX和PrivotY:控制View对象的支点位置，围绕这个支点进行旋转和缩放变换处理。
• alpha：透明度，默认是1,0是代表完全透明
• x和y：描述View对象在其容器中的最终位置

ValueAnimator

ValueAnimator不提供任何动画效果，它是一个数值发生器，用来产生一定的有规律的数字。

动画的监听

完整的动画具有start、repeat、end、cancel这4个过程

 @Override
    protected void onStart() {
        super.onStart();
        ObjectAnimator translationX = ObjectAnimator.ofFloat(customview, "translationX", 0, 300).setDuration(1000);
        translationX.addListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animation) {
                
            }

            @Override
            public void onAnimationEnd(Animator animation) {

            }

            @Override
            public void onAnimationCancel(Animator animation) {

            }

            @Override
            public void onAnimationRepeat(Animator animation) {

            }
        });
        translationX.start();
    }

一般情况下 我们比较常用的是onAnimationEnd事件，Android也提供了AnimatorListenterAdapter来让我们选择必要的事件进行监听

 @Override
    protected void onStart() {
        super.onStart();
        ObjectAnimator translationX = ObjectAnimator.ofFloat(customview, "translationX", 0, 300).setDuration(1000);
        translationX.addListener(new AnimatorListenerAdapter() {
            @Override
            public void onAnimationEnd(Animator animation) {
                super.onAnimationEnd(animation);
                Toast.makeText(ViewLSNActivity.this, "end", Toast.LENGTH_SHORT).show();
            }
        });
        translationX.start();
    }

组合动画——AnimatorSet

AnimatorSet类提供了一个play()方法，如果我们向这个方法中传入一个Animator对象，将会返回一个AnimatorSet.Builder的实例，每次调用方法时都会返回Builder自身用于构建

• after(Animator anim)将现有动画插入到传入的动画后执行
• after(long delay)将现有动画延迟指定毫秒后执行
• before(Animator anim)将现有动画插入到传入的动画之前执行
• with(Animator anim)将现有动画和传入的动画同时执行

    private void animBuilder() {
        ObjectAnimator animator1 = ObjectAnimator.ofFloat(customview, "translationX", 0.0f, 200.0f, 0f);
        ObjectAnimator animator2 = ObjectAnimator.ofFloat(customview, "scaleX", 1.0f, 2.0f);
        ObjectAnimator animator3 = ObjectAnimator.ofFloat(customview, "rotationX", 0.0f, 90.0f, 0.0f);
        AnimatorSet animatorSet = new AnimatorSet();
        animatorSet.setDuration(3000);
        animatorSet.play(animator1).with(animator2).after(animator3);
        animatorSet.start();
    }

组合动画——PropertyValuesHolder

除了使用AnimatorSet类之外，还可以使用PropertyValuesHolder类来实现组合动画。使用PropertyValuesHolder类只能是多个动画一起执行。使用PropertyValuesHolder只能是多个动画一起执行。得结合ObjectAnimator.ofPropertyValuesHolder()

   private void propertyValuesHolder() {
        PropertyValuesHolder valuesHolder1 = PropertyValuesHolder.ofFloat("scaleX", 1.0f, 1.5f);
        PropertyValuesHolder valueHolder2 = PropertyValuesHolder.ofFloat("rotationX", 0.0f, 90.0f, 0.0f);
        ObjectAnimator objectAnimator = ObjectAnimator.ofPropertyValuesHolder(customview, valuesHolder1, valueHolder2);
        objectAnimator.setDuration(2000).start();
    }

在XML中使用属性动画

在res中新建animator目录(属性动画必须放在animator目录下)，新建scale.xml

<?xml version="1.0" encoding="utf-8"?>
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="3000"
    android:propertyName="scaleX"
    android:valueFrom="1.0"
    android:valueTo="2.0"
    android:valueType="floatType"
    >
</objectAnimator>

在程序中引用XML定义得属性动画

  private void startXMLAnimator() {
        Animator animator = AnimatorInflater.loadAnimator(this, R.animator.scale);
        animator.setTarget(customview);
        animator.start();
    }

View的事件分发机制

先来看看Activity组成

Activity的构成

一个Activity包含一个Window对象，这个对象是由PhoneWindow实现的。PhoneWindow将DecorView作为整个应用窗口的根View。而这个DecorView又将屏幕划分为两个区域：一个是TitleView另一个是ContentView。我们平常做应用所写的布局就是展示在ContentView中的

解析View的事件分发机制

当我们点击屏幕时，就产生了点击事件，这个事件被封装成了一个类：MotionEvent，而当这个MotionEvent产生后，那么系统就会将这个MotionEvent传递给View的层级。MotionEvent在View中的层级传递过程就是点击事件的分发
点击事件有3个重要的方法

• dispatchTouchEvent(MotionEvent ev)：用于事件的分发
• onInterceptTouchEvent(MotionEvent ev)：用于事件的拦截，在dispatchTouchEvent中调用
• onTouchEvent(MotionEvent ev)：用来处理点击事件，在dispatchTouchEvent()方法中进行调用

View的事件分发机制

当点击事件产生后，事件首先会传递给当前的Activity，这会调用Activity的dispatchTouchEvent()方法(也就是交由Activity中的PhoneWindow来完成，然后PhoneWindow再把事件处理工作交给DecorView，然后再由DecorView将事件处理工作交给根ViewGroup)

注意：一个完整的事件的序列是以DOWN开始以UP结束

• 如果ViewGroup要拦截事件的时候，那么后续的事件序列都会交给它处理，而不用再调用onInterceptTouchEvent()方法了。

点击事件分发的传递规则

伪代码表示

public boolean dispatchTouchEvent(MotionEvent ev){
boolean result = false;
if(onInterceptTouchEvent(ev)){
           result=super.onTouchEvent(ev)
  }else{
          result=child.dispatchTouchEvent(ev)
}
return result;
}

事件自上而下传递过程

当点击事件产生后会由Activity来处理，传递给PhoneWindow，再传递给DecorView，最后传递给顶层的ViewGroup。
对于根ViewGroup，点击事件首先传递给它的dispatchTouchEvent()，该ViewGroup的onInterceptTouchEvent()

• 如果返回true，则表示要拦截这个事件，这个事件就会交给它的onTouchEvent()方法处理
• 如果返回false，则表示不拦截这个事件，这个事件会交给子元素的dispatchTouchEvent()处理
  如此反复下去，如果传递给底层的View，View是没有子View的，就会调用这个View的dispathTouchEvent()方法，一般最终会调用View的onTouchEvent()

事件自下而上传递过程

当点击事件传递给底层的View时，如果底层的View的onTouchEvent()方法返回true，则表示事件由底层的View消耗并处理。
如果返回false则表示该View不做处理，事件会传递给父View的onTouchEvent()处理，如果父View的onTouchEvent()返回false表示父View也不处理，则继续传递给该父View的父View处理，如此反复

事件分发机制

• Activity
  • 没有onInterceptTouchEvent方法
  • 只有dispatchTouchEvent、onTouchEvent方法
• ViewGroup
  • 有 onInterceptTouchEvent、dispatchTouchEvent、onTouchEvent方法
• View
  • 没有 onInterceptTouchEvent方法

事件分发流程

Activity

dispatchTouchEvent:

• 返回值true/false：事件由自己消费
• 返回值super：交由子ViewGroup的dispatchTouchEvent处理

ViewGroup

dispatchTouchEvent:

• 返回值true：事件由自己消费
• 返回值false：交由父View的onTouchEvent()处理
• 返回值super：传递给自己的onInterceptTouchEvent()进行分发

onInterceptTouchEvent:

• 返回值true：表示拦截事件，交由自己的onTouchEvent处理
• 返回值false/super：表示不拦截事件，交由子View的dispatchTouchEvent()处理

onTouchEvent:

• 返回值true：表示事件自己处理
• 返回值false/super：将事件交由父onTouchEvent处理

View

dispatchTouchEvent:

• 返回值为true：事件由自己消费
• 返回值为false：事件交由父View的onTouchEvent处理
• 返回值为super：交由自己的onTouchEvent处理

onTouchEvent

• 返回值true：事件自己消费
• 返回值false、super：事件交由父view的onTouchEvent处理，直至传递到Activity的onTouchEvent()

OnTouchListener和onClickListener执行顺序

当一个View需要处理事件时，如果设置了OnTouchListener，那么OnTouchListener中的OnTouch会被回调。

• 如果onTouch返回false，则当前View的onTouchEvent方法会被调用
• 如果onTouch返回true，那么onTouchEvent方法将不会调用
  由此可看出onTouchListener要比onTouchEvent优先级高
  在onTouchEvent方法中，如果当前设置的有onClickListener那么onClick就会被调用，由此可以看出onClick的优先级最低，处于事件传递的尾端

onTouch->onTouchListener->onTouchEvent->onClick->onClickListener