Android 自定义View之Draw过程(上)

Draw 过程系列文章

Android 展示之三部曲：

前边我们已经分析了：

这俩最主要的任务是： 确定View/ViewGroup可绘制的矩形区域。

接下来将会分析，如何在这给定的区域内绘制想要的图形。

通过本篇文章，你将了解到：

Android 提供了关于View最基础的两个类：

然而ViewGroup 并没有约定其内部的子View是如何布局的，是叠加在一起呢？还是横向摆放、纵向摆放等。同样的View 也没有约定其展示的内容是啥样，是矩形、圆形、三角形、一张、一段文字抑或是不规则的形状？这些都要我们自己去实现吗？

不尽然，值得高兴的是Android已经考虑到上述需求了，为了开发方便已经预制了一些常用的ViewGroup、View。

如：

继承自ViewGroup的子类

继承自View的子类

虽然以上衍生的View/ViewGroup子类已经大大为我们提供了便利，但也仅仅是通用场景下的通用控件，我们想实现一些较为复杂的效果，比如波浪形状进度条、会发光的球体等，这些系统控件就无能为力了，也没必要去预制千奇百怪的控件。想要达到此效果，我们需要自定义View/ViewGroup。

通常来说自定义View/ViewGroup有以下几种：

3 一般不怎么用，除非布局比较特殊。1、2、4 是我们常用的手段，对于我们常说的"自定义View" 一般指的是 4。

接下来我们来看看 4是怎么实现的。

在xml里引用MyView

效果如下：

黑色部分为其父布局背景。

红色矩形+**圆形即是MyView绘制的内容。

以上是最简单的自定义View的实现，我们提取重点归纳如下：

由上述Demo可知，我们只需要在重写的onDraw(xx)方法里绘制想要的图形即可。

来看看View 默认的onDraw(xx)方法：

发现是个空实现，因此继承自View的类必须重写onDraw(xx)方法才能实现绘制。该方法传入参数为：Canvas类型。

Canvas翻译过来一般叫做画布，在重写的onDraw(xx)里拿到Canvas对象后，有了画布我们还需要一支笔，这只笔即为Paint，翻译过来一般称作画笔。两者结合，就可以愉快的作画(绘制)了。

你可能发现了，在Demo里调用

并没有传入Paint啊，是不是Paint不是必须的？实际上调用该方法后，底层会自动生成Paint对象。

可以看到，底层初始化了Paint，并且给其设置的颜色为在Java层设置的颜色。

onDraw(xx)比较简单，开局一个Canvas，效果全靠画。

试想，这个Canvas怎么来的呢，换句话说是谁调用了onDraw(xx)。发挥一下联想功能，在Measure、Layout 过程有提到过两者套路很像：

那么Draw过程是否也是如此套路呢？看见了onDraw(xx)，那么draw(xx)还远吗？

没错，还真有draw(xx)方法：

可以看出，draw(xx)主要分为两个部分：

不管是A分支还是B分支，都进行了好几步的绘制。

通常来说，单一一个View的层次分为：

后面绘制的可能会遮挡前边绘制的。

对于一个ViewGroup来说，层次分为：

来看看A分支标注的4个点:

(1)

onDraw(canvas)

前面分析过，对于单一的View，onDraw(xx)是空实现，需要由我们自定义绘制。

而对于ViewGroup，也并没有具体实现，如果在自定义ViewGroup里重写onDraw(xx)，它会执行吗？默认是不会执行的，相关分析请移步：

Android ViewGroup onDraw为什么没调用

(2)

dispatchDraw(canvas)，来看看在Viewjava里的实现:

发现是个空实现，再看看ViewGroupjava里的实现:

也即是说，对于单一View，因为没有子布局，因此没必要再分发Draw，而对于ViewGroup来说，需要触发其子布局发起Draw过程(此过程后续分析)，可以类比事件分发过程View、ViewGroup的处理。感兴趣的请移步：

Android 输入事件一撸到底之View接盘侠（3）

(3)

OverLay，顾名思义就是"盖在某个东西上面"，此处是在绘制内容之后，绘制前景之前。怎么用呢？

以上是给一个ViewGroup设置overLay，效果如下：

你可能发现了，这和设置overLay差不多的嘛，实际还是有差别的。在onDrawForeground(xx)里会重新调整Drawable的尺寸，该尺寸与View大小一致，之前给Drawable设置的尺寸会失效。运行效果如下：

可以看出，ViewGroup都被前景盖住了。

再来看看B分支的重点：边缘渐变效果

先来看看TextView 边缘渐变效果：

加上这俩参数。

实际上系统自带的一些控件也使用了该效果，如NumberPicker、YearPickerView

以上是NumberPicker 的效果，可以看出是垂直方向渐变的。

对于Viewjava 里的onDraw(xx)、draw(xx)，ViewGroupjava里并没有重写。

而对于dispatchDraw(xx)，在Viewjava里是空实现。在ViewGroupjava里发起对子布局的绘制。

来看看标记的2点：

(1)

设置padding的目的是为了让子布局留出一定的空隙出来，因此当设置了padding后，子布局的canvas需要根据padding进行裁减。判断标记为：

FLAG_CLIP_TO_PADDING 默认设置为true

FLAG_PADDING_NOT_NULL 只要有padding不为0，该标记就会打上。

也就是说：只要设置了padding 不为0，子布局显示区域需要裁减。

能不能不让子布局裁减显示区域呢？

答案是可以的。

考虑到一种场景：使用RecyclerView的时候，我们需要设置paddingTop = 20px，效果是：RecyclerView Item展示时离顶部有20px，但是滚动的时候永远滚不到顶部，看起来不是那么友好。这就是上述的裁减起作用了，需要将此动作禁止。通过设置：

当然也可以在xml里设置：

(2)

drawChild(xx)

从方法名上看是调用子布局进行绘制。

childdraw(x1,x2,x3)里分两种情况:

这两者具体作用与区别会在下篇文章分析，不管是硬件加速绘制还是软件加速绘制，最终都会调用Viewdraw(xx)方法，该方法上面已经分析过。

注意，draw(x1,x2,x3)与draw(xx)并不一样，不要搞混了。

用图表示：

View/ViewGroup Draw过程的联系：

一般来说，我们通常会自定义View，并且重写其onDraw(xx)方法，有没有绘制内容的ViewGroup需求呢？

是有的，举个例子，大家可以去看看RecyclerView ItemDecoration 的绘制，其中运用到了ViewGroup draw(xx)、ViewGroup onDraw(xx) 、View onDraw(xx)绘制的先后顺序来实现分割线，分组头部悬停等功能的。

本篇文章基于 Android 100

有以下几种情况

一，女生被表白后很纠结，第一个将这消息告诉了跟自己比较好的男性朋友，想让他从男生的角度看是不是认真的。也有可能只是把这件事当个玩笑来和朋友说。

二，女生喜欢B（另一个男生），被A（告白的男生）表白后告诉B，利用和A的聊天记录想知道B的态度，看看B对自己有没有意思。

是怎么卡

如果是点了没反应就是手机问题内存不足卡住了或者它客户端出错

如果是点进去了刷不出来就是网络问题了

我推荐你用易直播

它内存用的很少

不会出现卡顿之类的现象

对网络的要求也不高

很适合你这种情况

希望能帮到你

首先因为75到85为二等品，所以你要看区间75到80以及80到85的概率和，不过第一问问的是B配方的，你看第一个表是看不出来的，因为第一个表是A配方的，第二个表只给出了75到80的频数是5，那么看看具体的题目是否有说B配方里80到85的频数是20，如果有说的话那么就是1/4，你的截图里面看看能不能往右边划一下看看B配方完整的表

行测网状统计图一般为三角形，读图的时候一般以每个指标名为100%递减的坐标（一般情况为所求顶点逆时针侧的边）为该指标的对应坐标。如图：

这张图，左侧坐标为“青年”对应坐标，右侧坐标为“儿童”对应坐标，底部坐标为“中老年”对应坐标。在读图的时候，要看每个指标相应坐标值时，不要管其他线，只看与该指标顶点相对边平行的线即可。

那么该图里面A点则是：中老年22%左右，青年74%左右，儿童5%左右。

你可以同理看看B、C、D、E五个点的对应坐标值，我有空了帮你检验，如果这四个都正确，那么你对网状统计图就算是掌握了。

以上就是关于Android 自定义View之Draw过程(上)全部的内容，包括:Android 自定义View之Draw过程(上)、一个女生被男生表白后，又截图发给另一个男生看是什么意思呢、如何看b直播不卡等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！