Android中View和ViewGroup介绍

this.addView(aBtn);

Button bBtn = new Button(context);

this.addView(bBtn);

}

@Override

protected void onLayout(boolean changed, int l, int t, int r, int b)

{

//对容器的孩子进行布局。

………………

………………

child.measure(r - l, b - t);

child.layout(0, 50, child.getMeasuredWidth(), child .getMeasuredHeight() + 50);

………………

………………

}

}

5. 不管是View还是ViewGroup，最重要一点他们的绘制原理如下：

从上图，我们可以理出大致的显示过程如下：

【1】ActivityManagerService创建Activity线程，激活一个activity

【2】系统调用Instrumentation.newActivity创建一个activity

【3】Activity创建后，attach到一个新创建的phonewindow中。这样Activity获取一个唯一的WindowManager服务的实例

【4】Activity创建过程中使用setcontentView设置用用户UI，这些VIEW被加入到PhoneWindow的ContentParent中。

【5】Activity线程继续执行，当执行到Activity.makeVisible是将根view DecoView加入到WindowManger中，WindowManger实全会为每个DecoView创建对应的ViewRoot

【6】每个ViewRoot拥有一个Surface，每个Surface将会调用底层库创建图形绘制的内存空间。这个底层库就是SurfaceFlinger。SurfaceFlinger同时也负责将个View绘制的图形合到一块（按照Z轴）显示到用户屏幕。

【7】如果用户直接在Canvas上绘制，实际上它直接操作Surface。但对每个View的变更，它是要通知到ViewRoot，然后 ViewRoot获取Canvas。如果绘制完成，surfaceFlinger得到通知，合并Surface成一个Surface到设备屏幕。

从上面的图形输出过程分析，我们可以知道真正显示图形的实际上跟Activity没有关系，完全由WindowManager来决定。 WindowManager是一个系统服务，因此可以直接调用这个服务来创建界面，并且更绝的是Dialog、Menu也是有WindowManager 来管理的。另外一个我们也可以看到，最底层都是Surface来，因此，常见开发游戏的人都推荐你使用SurfaceView来创建界面。

详细绘制流程如下：

整个View树的绘图流程是在ViewRoot.java类的performTraversals()函数展开的，该函数做的执行过程可简单概况为

根据之前设置的状态，判断是否需要重新计算视图大小(measure)、是否重新需要安置视图的位置(layout)、以及是否需要重绘

(draw)，其框架过程如下：

步骤其实为host.layout()

接下来温习一下整个View树的结构，对每个具体View对象的操作，其实就是个递归的实现。

  流程一：      mesarue()过程

主要作用：为整个View树计算实际的大小，即设置实际的高(对应属性:mMeasuredHeight)和宽(对应属性:

mMeasureWidth)，每个View的控件的实际宽高都是由父视图和本身视图决定的。

具体的调用链如下：

ViewRoot根对象地属性mView(其类型一般为ViewGroup类型)调用measure()方法去计算View树的大小，回调

View/ViewGroup对象的onMeasure()方法，该方法实现的功能如下：

1、设置本View视图的最终大小，该功能的实现通过调用setMeasuredDimension()方法去设置实际的高(对应属性：

mMeasuredHeight)和宽(对应属性：mMeasureWidth)   ；

2 、如果该View对象是个ViewGroup类型，需要重写该onMeasure()方法，对其子视图进行遍历的measure()过程。

2.1  对每个子视图的measure()过程，是通过调用父类ViewGroup.java类里的measureChildWithMargins()方法去

实现，该方法内部只是简单地调用了View对象的measure()方法。(由于measureChildWithMargins()方法只是一个过渡

层更简单的做法是直接调用View对象的measure()方法)。

整个measure调用流程就是个树形的递归过程

measure函数原型为 View.java 该函数不能被重载

[java]  view plain copy print ?

1. public final void measure(int widthMeasureSpec, int heightMeasureSpec) {

2. //…

3. //回调onMeasure()方法

4. onMeasure(widthMeasureSpec, heightMeasureSpec);

5. //more

6. }

为了大家更好的理解，采用“二B程序员”的方式利用伪代码描述该measure流程

[java]  view plain copy print ?

1. //回调View视图里的onMeasure过程

2. private void onMeasure(int height , int width){

3. //设置该view的实际宽(mMeasuredWidth)高(mMeasuredHeight)

4. //1、该方法必须在onMeasure调用，否者报异常。

5. setMeasuredDimension(h , l) ;

6. //2、如果该View是ViewGroup类型，则对它的每个子View进行measure()过程

7. int childCount = getChildCount() ;

8. for(int i=0 ;i<childCount ;i++){

9. //2.1、获得每个子View对象引用

10. View child = getChildAt(i) ;

11. //整个measure()过程就是个递归过程

12. //该方法只是一个过滤器，最后会调用measure()过程 ;或者 measureChild(child , h, i)方法都

13. measureChildWithMargins(child , h, i) ;

14. //其实，对于我们自己写的应用来说，最好的办法是去掉框架里的该方法，直接调用view.measure()，如下：

15. //child.measure(h, l)

16. }

17. }

18. //该方法具体实现在ViewGroup.java里 。

19. protected  void measureChildWithMargins(View v, int height , int width){

20. v.measure(h,l)

21. }

流程二、 layout布局过程：

主要作用 ：为将整个根据子视图的大小以及布局参数将View树放到合适的位置上。

具体的调用链如下：

host.layout()开始View树的布局，继而回调给View/ViewGroup类中的layout()方法。具体流程如下

1 、layout方法会设置该View视图位于父视图的坐标轴，即mLeft，mTop，mLeft，mBottom(调用setFrame()函数去实现)

接下来回调onLayout()方法(如果该View是ViewGroup对象，需要实现该方法，对每个子视图进行布局) ；

2、如果该View是个ViewGroup类型，需要遍历每个子视图chiildView，调用该子视图的layout()方法去设置它的坐标值。

layout函数原型为 ，位于View.java

[java]  view plain copy print ?

1. /* final 标识符 ， 不能被重载 ， 参数为每个视图位于父视图的坐标轴

2. * @param l Left position, relative to parent

3. * @param t Top position, relative to parent

4. * @param r Right position, relative to parent

5. * @param b Bottom position, relative to parent

6. */

7. public final void layout(int l, int t, int r, int b) {

8. boolean changed = setFrame(l, t, r, b); //设置每个视图位于父视图的坐标轴

9. if (changed || (mPrivateFlags & LAYOUT_REQUIRED) == LAYOUT_REQUIRED) {

10. if (ViewDebug.TRACE_HIERARCHY) {

11. ViewDebug.trace(this, ViewDebug.HierarchyTraceType.ON_LAYOUT);

12. }

13. onLayout(changed, l, t, r, b);//回调onLayout函数 ，设置每个子视图的布局

14. mPrivateFlags &= ~LAYOUT_REQUIRED;

15. }

16. mPrivateFlags &= ~FORCE_LAYOUT;

17. }

同样地， 将上面layout调用流程，用伪代码描述如下：

[java]  view plain copy print ?

1. // layout()过程  ViewRoot.java

2. // 发起layout()的"发号者"在ViewRoot.java里的performTraversals()方法， mView.layout()

3. private void  performTraversals(){

4. //…

5. View mView  ;

6. mView.layout(left,top,right,bottom) ;

7. //…

8. }

9. //回调View视图里的onLayout过程 ,该方法只由ViewGroup类型实现

10. private void onLayout(int left , int top , right , bottom){

11. //如果该View不是ViewGroup类型

12. //调用setFrame()方法设置该控件的在父视图上的坐标轴

13. setFrame(l ,t , r ,b) ;

14. //--------------------------

15. //如果该View是ViewGroup类型，则对它的每个子View进行layout()过程

16. int childCount = getChildCount() ;

17. for(int i=0 ;i<childCount ;i++){

18. //2.1、获得每个子View对象引用

19. View child = getChildAt(i) ;

20. //整个layout()过程就是个递归过程

21. child.layout(l, t, r, b) ;

22. }

23. }

流程三、 draw()绘图过程

由ViewRoot对象的performTraversals()方法调用draw()方法发起绘制该View树，值得注意的是每次发起绘图时，并不

会重新绘制每个View树的视图，而只会重新绘制那些“需要重绘”的视图，View类内部变量包含了一个标志位DRAWN，当该

视图需要重绘时，就会为该View添加该标志位。

调用流程 ：

mView.draw()开始绘制，draw()方法实现的功能如下：

1 、绘制该View的背景

2 、为显示渐变框做一些准备操作(见5，大多数情况下，不需要改渐变框)

3、调用onDraw()方法绘制视图本身   (每个View都需要重载该方法，ViewGroup不需要实现该方法)

4、调用dispatchDraw ()方法绘制子视图(如果该View类型不为ViewGroup，即不包含子视图，不需要重载该方法)

值得说明的是，ViewGroup类已经为我们重写了dispatchDraw ()的功能实现，应用程序一般不需要重写该方法，但可以重载父类

函数实现具体的功能。

4.1 dispatchDraw()方法内部会遍历每个子视图，调用drawChild()去重新回调每个子视图的draw()方法(注意，这个

地方“需要重绘”的视图才会调用draw()方法)。值得说明的是，ViewGroup类已经为我们重写了dispatchDraw()的功能

实现，应用程序一般不需要重写该方法，但可以重载父类函数实现具体的功能。

5、绘制滚动条

于是，整个调用链就这样递归下去了。

同样地，使用伪代码描述如下：

[java]  view plain copy print ?

1. // draw()过程     ViewRoot.java

2. // 发起draw()的"发号者"在ViewRoot.java里的performTraversals()方法， 该方法会继续调用draw()方法开始绘图

3. private void  draw(){

4. //…

5. View mView  ;

6. mView.draw(canvas) ;

7. //…

8. }

9. //回调View视图里的onLayout过程 ,该方法只由ViewGroup类型实现

10. private void draw(Canvas canvas){

11. //该方法会做如下事情

12. //1 、绘制该View的背景

13. //2、为绘制渐变框做一些准备操作

14. //3、调用onDraw()方法绘制视图本身

15. //4、调用dispatchDraw()方法绘制每个子视图，dispatchDraw()已经在Android框架中实现了，在ViewGroup方法中。

16. // 应用程序程序一般不需要重写该方法，但可以捕获该方法的发生，做一些特别的事情。

17. //5、绘制渐变框

18. }

19. //ViewGroup.java中的dispatchDraw()方法，应用程序一般不需要重写该方法

20. @Override

21. protected void dispatchDraw(Canvas canvas) {

22. //

23. //其实现方法类似如下：

24. int childCount = getChildCount() ;

25. for(int i=0 ;i<childCount ;i++){

26. View child = getChildAt(i) ;

27. //调用drawChild完成

28. drawChild(child,canvas) ;

29. }

30. }

31. //ViewGroup.java中的dispatchDraw()方法，应用程序一般不需要重写该方法

32. protected void drawChild(View child,Canvas canvas) {

33. // …

34. //简单的回调View对象的draw()方法，递归就这么产生了。

35. child.draw(canvas) ;

36. //…

37. }

强调一点的就是，在这三个流程中，Google已经帮我们把draw()过程框架已经写好了，自定义的ViewGroup只需要实现

measure()过程和layout()过程即可 。

这三种情况，最终会直接或间接调用到三个函数，分别为invalidate()，requsetLaytout()以及requestFocus() ，接着

这三个函数最终会调用到ViewRoot中的schedulTraversale()方法，该函数然后发起一个异步消息，消息处理中调用

performTraverser()方法对整个View进行遍历。

invalidate()方法 ：

说明：请求重绘View树，即draw()过程，假如视图发生大小没有变化就不会调用layout()过程，并且只绘制那些“需要重绘的”

视图，即谁(View的话，只绘制该View ；ViewGroup，则绘制整个ViewGroup)请求invalidate()方法，就绘制该视图。

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

最后笔者收集整理了一份Flutter高级入门进阶资料PDF

以下是资料目录和内容部分截图

里面包括详细的知识点讲解分析，带你一个星期入门Flutter。还有130个进阶学习项目实战视频教程，让你秒变大前端。

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！

mg-hA9ONsX6-1712209178570)]

[外链图片转存中…(img-dvjJ8hmu-1712209178570)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

最后笔者收集整理了一份Flutter高级入门进阶资料PDF

以下是资料目录和内容部分截图

[外链图片转存中…(img-hnGA6NAH-1712209178571)]
[外链图片转存中…(img-A21uinax-1712209178571)]
里面包括详细的知识点讲解分析，带你一个星期入门Flutter。还有130个进阶学习项目实战视频教程，让你秒变大前端。

[外链图片转存中…(img-Oc0kAig0-1712209178571)]

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！