自定义view的绘制流程

最新推荐文章于 2024-09-14 09:23:20 发布

LiChengZe_blog

最新推荐文章于 2024-09-14 09:23:20 发布

阅读量1.3k

点赞数 1

分类专栏：自定义view

本文链接：https://blog.csdn.net/li1278086920/article/details/90380348

版权

自定义view 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

首先我们来看一下Android的UI管理系统层级关系

在这里插入图片描述
如上图所示，这就是Android的UI管理系统的层级关系。当一个应用启动的时候，会启动一个主Activity，然后Activity会创建出一个窗口系统PhoneWindow(每个Activity都会创建，是Android系统中最基本的窗口系统，也是Activity与View进行交互的接口)。每个PhoneWindowd都有一个DecorView，它是每个Activity的根布局，即为每个界面的顶级View，本质上是一个FramLayout。

View的绘制流程：

View的绘制过程是从ViewRoot的performTraversals方法开始的，在其内部依次调用View的performMeasure,performLayout,performDraw三个方法。这三个方法分别完成顶级View的measure,layout,draw过程。其中，performMeasure中会调用measure方法，而在measure方法中又会调用onMeausre()方法，然后在onMeaure方法中会对所有的子元素进行measure过程，这时measure流程就从父容器传递到了子元素中，子元素会继续重复父容器的measure过程，如此反复即完成了整个View树结构的遍历，最终完成View的测量过程。
同理，performLayout和performDraw方法的传递流程和performMeasure类似，但不同的是，performDraw的传递是在draw方法中通过dispatchDraw方法来下发的，不过本质上原理还是一样的。
流程图：在这里插入图片描述

View绘制三部曲

onMeasure()
测量单一 view 大小的入口方法是 View 类的measure方法，在该方法中会调用 View 类的onMeasure()方法:

onMeasure的流程：

getDefaultSize()的逻辑:
在这里插入图片描述

setMeasuredDimension()的作用: 存储测量后的大小（宽/高）

测量的三种模式:

EXACTLY
精确值模式,即当我们在布局文件中为View指定了具体的大小
例如：android:layout_width=“100dp”,或者当我们将View的大小指定为充满父布局，即为match_parent时，此时，该View的测量模式即为EXACTLY模式。
(View的默认测量模式为EXACTLY模式)

AT_MOST
最大值模式，此时View的尺寸不得大于父控件允许的最大尺寸即可。即对应我们给View的宽或高指定为wrap_content时。

UPSPECIFIED
不指定测量模式，即父视图没有限制其大小，子View可以是任何尺寸。该模式一般用于系统内部，平时的Android开发基本用不到。

需要注意的是，在setMeasuredDimension()方法调用之后，我们才能使用getMeasuredWidth()和getMeasuredHeight()来获取视图测量出的宽高，以此之前调用这两个方法得到的值都会是0。一般情况下我们都在onLayout方法中调用两方法来获取测量的宽和高。

2.View的位置确定——onLayout()

在这里插入图片描述
left: View左边界距离父容器的左边界的距离
top: View上边界距离父容器上边界的距离
right: View右边界距离父容器左边界的距离
bottom: View下边界距离父容器上边界的距离

在layout方法中:

在layout方法中，首先会通过setFrame方法对View的四个顶点的值进行赋值，即mLeft, mRight, mTop, mBottom。当各个顶点的坐标确定以后，View在ViewGroup中的位置也就确定了。接着就要调用onLayout方法用来确定子元素的位置了。而对于View的onLayout方法，这里要说的是，它是一个空方法，至于为什么，估计大家应该也能想的通，因为onLayouta方法就是为了确定子元素在ViewGroup中的位置，这个功能方然要有ViewGroup去实现了啊。而我们点击进入ViewGroup的onLayout方法，如下：

在这里插入图片描述

我们可以看到他是一个抽象方法:
我们就可以通过getWidth和getHeight方法来获取View的宽和高了。

注意:
getMeasuredWidth和getWidth的区别
①getMeasuredWidth方法获得的值是setMeasuredDimension方法设置的值
它的值在measure方法运行后就会确定
②getWidth方法获得是layout方法中传递的四个参数中的mRight-mLeft
它的值是在layout方法运行后确定的
如果有时我们刻意去重写layout方法，并修改方法中的参数，那么就会造成二者的值不相同。
③一般情况下在onLayout方法中使用getMeasuredWidth方法
而在除onLayout方法之外的地方用getWidth方法。

3.View的绘制——onDraw()

完成了测量和位置确立，那就差把View绘制出来以让我们看到了。这是就要开始进入我们的绘制流程了。在调用了layout方法后，接着ViewRoot会创建一个Canvas对象，接着调用View的draw方法来执行具体的绘制流程。
1.第一步: 绘制背景
在这里插入图片描述
这一步先先判断是否设置了背景，然后再进行背景的绘制。而这个背景其实就是我们在XML布局中设置的backgroud属性,可以使图片或者是颜色。

之后我们可以看到这个注解:skip step 2 & 5 if possible (common case)
意思就是:如果可能，跳过第2步和第5步(常见情况)

跳过第二步

2.第三步：绘制内容
这时会调用view的onDraw方法，来进行具体的绘制。而View的onDraw方法点进去会发现其实是一个空方法，它需要具体的子类自己去实现。到底是画圆还是画方那就看具体的View了。

3.第四步：对所有的子View进行绘制(dispatchDraw)
这一步是调用dispatchDraw方法对其包含的所有的子View进行绘制。通过调用drawChild方法来调用View的draw方法来绘制子View。而如果是单纯的一个子View来说，其dispatchDraw方法是一个空方法。

跳过第五步

4.以上都执行完后就会进入到第六步，也是最后一步，这一步的作用是对视图的滚动条进行绘制。那么你可能会奇怪，当前的视图又不一定是ListView或者ScrollView，为什么要绘制滚动条呢？其实不管是Button也好，TextView也好，任何一个视图都是有滚动条的，只是一般情况下我们都没有让它显示出来而已。

通过以上流程分析，相信大家已经知道，View是不会帮我们绘制内容部分的，因此需要每个视图根据想要展示的内容来自行绘制。如果你去观察TextView、ImageView等类的源码，你会发现它们都有重写onDraw()这个方法，并且在里面执行了相当不少的绘制逻辑。绘制的方式主要是借助Canvas这个类，它会作为参数传入到onDraw()方法中，供给每个视图使用。