自定义View（一）---View的基础概念、工作流程以及生命周期的理解

转载请注明出处：From李诗雨—-http://blog.csdn.net/cjm2484836553/article/details/54358072

不诗意的女程序猿不是好厨师~

序：最近在工作中使用到了各种自定义控件，也更深刻的理解了自定义控件的重要性，所以就建了一个专栏来专门整理自定义控件的相关知识。我打算先从理论知识说起，然后再把项目中使用的自定义控件整理后写为博客发表，并且源码也会一并上传。理论知识部分，个人觉得整理的还是很详细的而且重点分明，无论是对面试还是对代码的理解都能起到很好的辅助作用。
注：本文于2017/4/30号进行了更新。增加了一些新内容，又绘制了一些新的图形，更有助于对知识点的理解。

View相关知识的理解
在说自定义控件之前让我先来了解一下View及ViewGroup

整个View树的结构图：

关于View和ViewGroup我们需要注意以下几点：

1. 手机屏幕上的整个界面只有一个根View
如何得到它：activity.getWindow().getDecorview() —>PhoneWindow$decorView
本质类型： FrameLayout
注意： setContentView():执行添加的视图不是整个界面的根View

2.一个View只会有一个父View(ViewGroup),一个ViewGroup可以有多个子View
a.得到父视图： view.getParent(),可以将返回的ViewParent强转为指定的ViewGroup
b.不是所有的View都能添加子view,只有ViewGroup 及其子类才能添加


View是什么

• View类是所有用来构建用户界面的组件的基类
• 一个View对象占用屏幕上的一个矩形区域, 它负责界面的绘制和事件处理
• 手机屏幕上所有看得见摸得着的都是View
• 常见的View:TextView,EditText,Button,ImageView,ProgressBar…
  
  

ViewGroup是什么

• ViewGroup类是View的一个子类, 是各种布局(五大布局)的基类
• 一个ViewGroup可以包含多个子View(ViewGroup)
• 作用: 控制子View的布局，view.layout(left, top, right, bottom)
• ViewManager及相关方法：
  ① addView()：添加子View
  ② removeView()：删除子View
  ③ updateViewLayout()：更新子View
  
• 常见的ViewGroup：LinearLayout,RelativeLayout,FrameLayout,ListView…
  
  

View的位置怎么确定

• Veiw的位置是由它（左上右下）四个顶点确定的。
  top：左上角纵坐标
  bottom:右下角纵坐标
  left：左上角横坐标
  right:右下角横坐标
  它们都是相对坐标，都是相对于View的父容器来说的
  
  如上图可得View的宽高与坐标的关系：
  width= right - left
  height= bottom - top
  
  
• 那么，How to 得到View的这四个参数？
  View源码中它们对应mLeft,mTop,mRight,mBottom四个成员变量，获取方式：
  left = getLeft();
  top = getTop();
  right = getRight();
  bottom = getBottom();
  
  
• 注：Android 3.0开始额外增加了几个参数： x ,y —是View左上角的坐标
  translationX,translationY—是View左上角相对于父容器的偏移量（默认值为0）
  这几个参数也是相对于父容器的相对坐标。
  它们的换算关系：
  x = left +translationX;
  y = top + translationY;
  需注意，View在平移过程中，top,left表示的是原始坐上角的位置信息，其值不会发生变化。
  此时发生改变的是x,y,translationX,translationY这四个参数。
  
  

View(及其子类)的生命周期及其他知识点回顾

1. 创建对象

• 创建方式(2种):
  new MyView(context)
  加载布局文件,即自定义View必须使用全类名标签

• 流程方法
  ①构造器
     Xxx(Context context)
    Xxx(Context context, AttributeSet set)
  ②onFinishInflate()
    只有布局的方式才会调用
    重写的目的: 得到子View –>getChildAt(int index):index按照加载顺序排列
    onAttachedToWindow()–>重写: 得到子View
  

• 补充 Activity的onResume()执行之后才会进入后面的流程
  
  

2.View的工作流程

• View的工作流程主要是指measure、layout、draw这三大流程，即测量、布局和绘制。无图不欢，这里给大家画了一个图：
  
  通过上面的图形，相信你就可以很明白的知道，各个环节是干嘛的，可以得到什么，以及它的意义所在了。下面再让我们进行具体的分析。

2.1 测量

• 作用：计算并确定视图的大小（测量的宽/高）
  

• 流程方法：
    ①.mesure() ：系统在此方法中测量计算出当前视图的宽高，此方法不能重写
    ②.onMesure()：
      当mearure()中 计算出的视图的宽高就会调用此方法, 在此方法默认保存的
      视图测量的宽高
      注意：视图测量的宽高不等同于视图的宽高。获取的时机不同
      重写的意义：得到当前视图/子视图测量的宽高;保存我们自己指定的宽高
  
  

2.2 布局

• 作用：确定视图显示的坐标(left, top, right, bottom)以及View最终的宽/高
  

• 流程方法：
    ①.layout() ：layout(l, t, r, b),不会重写此方法, 只会调用视图对象的此方法, 指
    定其新的显示位置
    ②.onLayout()
      在layout()的过程中 如果①视图的位置change或②强制重新布局就会调
      此方法
      重写它: 可以对子View进行重新布局，调用childView.layout(left, top, right,
      bottom)

• 强制重新布局： view.requestLayout()
  
  

2.3.绘制

• 作用：画出视图的样子，决定View的显示
  

• 流程方法：
  draw()，绘制视图通用的部分，确定绘制的流程，一般不会重写此方法
  onDraw(),重写此方法,绘制自己需要的样子,一些具体的View类(如：TextView，ImageView)都重写了此方法

• 强制重绘：
  invalidate()：只能在主线程执行
  postInvalidate():可以在主线程或分线程执行
  
  

注意！

• 细心的朋友可能注意到了，我这里提到了measure过程中我们得到的是View的测量的宽/高，layout过程我们得到的是View的最终的宽/高。那这测量的宽/高和最终的宽/高它们有什么区别呢？
  我们可以这么理解，由于两者的赋值时机不同，即一个measure过程，一个layout过程，这就导致了一个先后的问题，即测量的宽/高先出生，最终的宽/高后出生。在这里我举一个具体点的例子，可能不是非常的合理，但确实有助于理解：
  
  如图，在布局中你可能在外部设置了一个ScrollerView，并且设置为match_parent,然后它的内部的内容如虚线内所示，比屏幕的高度要长，那么这时候我们在measure过程中的到的测量高/宽最大也只能为屏幕的高，而在layout过程中得到的实际宽/高，确是比屏幕的高要长的。
  当然大多数情况下，测量的宽/高和最终实际的宽/高是相同的，但是当遇到一些特殊情境时我们还是要多多小心。

• 这里我们还要注意一点：那就是View的measure过程和Activity的生命周期方法不是同步执行的，因此无法保证Activity执行了onCreate，onStart, onResume时某个View就测量完毕了。如果View还没有测量完毕，那么获得的宽/高就是0.

  所以如果我们想在Activity已启动的时候就做一件任务，但是这一件任务需要获取某个View的宽/高。那么这个时候你就不要在天真地告诉我：在onCreate或者onResume里面去获取这个View的宽/高不就行了？真是too young too simple，不可以的哈！

  这里给大家几个解决办法以供参考：
  ①我首推的是ViewTreeObserver，没错视图树。大家可以看下我高仿各大商城引导页面的那篇文章，我在处理下部的小圆点，需要获得它的间距的时候，我就使用了视图树的OnGlobalLayoutListener这个接口，当View树的状态发生改变或者Veiw树内部的View的可见性发生改变是，onGlobalLayout方法就会被调用，因此我在这里面去获取小圆点间的间距就是一个很好的时机,对应部分的代码如下：

 //获取树形视图，每次页面布局完成时会调用，获取点间的距离
        ivWhitePoint.getViewTreeObserver().addOnGlobalLayoutListener(new MyOnGlobalLayoutListener());

 private class MyOnGlobalLayoutListener implements ViewTreeObserver.OnGlobalLayoutListener {

        @Override
        public void onGlobalLayout() {
            //默认会调用俩次，只需要一次，第一次进入就移除
            ivWhitePoint.getViewTreeObserver().removeGlobalOnLayoutListener(MyOnGlobalLayoutListener.this);
            //间距 = 第1个点距离左边距离 - 第0个点距离左边距离
            leftmax = llPointGroup.getChildAt(1).getLeft() - llPointGroup.getChildAt(0).getLeft();
        }
    }

    private class MyOnPageChangeListener implements ViewPager.OnPageChangeListener {
        /**
         * 当页面滑动回调会调用此方法
         *
         * @param position             当前页面位置
         * @param positionOffset       当前页面滑动百分比
         * @param positionOffsetPixels 滑动的像素数
         */
        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
            //红点移动的距离 = ViewPager页面的百分比* 间距
            //坐标 = 起始位置 + 红点移动的距离；
            int leftmagin = (int) (position * leftmax + (positionOffset * leftmax));
            ...

        }
...
    }

②当然你也可以使用onWindowFocusChanged这个方法，这个方法的含义是：View已经初始化完毕了，宽/高已经准备好了，这个时候去获取宽/高是没有问题的。
③view.post(runnable),通过psot可以将一个runnable投递到消息队列的尾部，然后等待Looper调用此runnable的时候，View也已经初始化好了。

3.事件处理

• 流程方法：
  dispatchTouchEvent():
      分发事件,从外向里一层一层分发, 分发到事件发生的最里面的视图对象
  boolean onInterceptTouchEvent():
      拦截请求, 只有return true才拦截成功,如果事件被拦截,事件不会再向内层分
      发, 交给当前的视图处理
  boolean onTouchEvent():
      处理事件:消费事件的条件: return true
  requestDisallowInterceptTouchEvent(true)
      反拦截–>view.getParent().requestDisallowInterceptTouchEvent(true)

• 事件机制：
  ①分发： 将TouchEvent对象从Activity对象开始, 由外向内分发给对应的布局和子View对象（由外向内分发）。

  ②处理： 回调OnTouchListener的boolean onTouch()
           回调View的boolean onTouchEvent()

  ③消费： 回调方法返回true

  ④拦截： onInterceptTouchEvent()执行返回true
           如果返回true, TouchEvent就不会再传入子View对象

  ⑤反拦截： view.getParent().requestDisallowInterceptTouchEvent(true)
             使父View不能再拦截, 事件就会分发到当前View对象
             拦截与反拦截，都是在分发的时候就要决定的。
  
  

4.死亡

• 什么时候死亡：
  Activity死亡之前
  视图对象被移除

• 流程方法
  onDetachedFromWindow()