前言

自定义View是Android开发者必须了解的基础
网上有大量关于自定义View原理的文章，但存在一些问题：内容不全、思路不清晰、无源码分析、简单问题复杂化等
今天，我将全面总结自定义View原理中的Draw过程，我能保证这是市面上的最全面、最清晰、最易懂的

Carson带你学Android自定义View文章系列：
Carson带你学Android：自定义View基础
Carson带你学Android：一文梳理自定义View工作流程
Carson带你学Android：自定义View Measure过程
Carson带你学Android：自定义View Layout过程
Carson带你学Android：自定义View Draw过程
Carson带你学Android：手把手教你写一个完整的自定义View
Carson带你学Android：Canvas类全面解析
Carson带你学Android：Path类全面解析

1. 作用

绘制View视图

2. 储备知识

具体请看文章：Carson带你学Android：自定义View基础

3. draw过程详解

类似measure过程、layout过程，draw过程根据View的类型分为2种情况：

接下来，我将详细分析这2种情况下的draw过程

3.1 单一View的draw过程

应用场景
在无现成的控件View满足需求、需自己实现时，则使用自定义单一View

如：制作一个支持加载网络图片的ImageView控件

注：自定义View在多数情况下都有替代方案：图片 / 组合动画，但二者可能会导致内存耗费过大，从而引起内存溢出等问题。

具体使用
继承自View、SurfaceView 或其他View；不包含子View
原理（步骤）
1. View绘制自身（含背景、内容）；
2. 绘制装饰（滚动指示器、滚动条、和前景）
具体流程

下面我将一个个方法进行详细分析：draw过程的入口 = draw（）

/*** 源码分析：draw()* 作用：根据给定的 Canvas 自动渲染View包括其所有子 View）。* 绘制过程：*   1. 绘制view背景*   2. 绘制view内容*   3. 绘制子View*   4. 绘制装饰（渐变框，滑动条等等）* 注：*    a. 在调用该方法之前必须要完成 layout 过程*    b. 所有的视图最终都是调用 View 的 draw()绘制视图（ ViewGroup 没有复写此方法）*    c. 在自定义View时，不应该复写该方法，而是复写 onDraw(Canvas) 方法进行绘制*    d. 若自定义的视图确实要复写该方法，那么需先调用 super.draw(canvas)完成系统的绘制，然后再进行自定义的绘制*/ public void draw(Canvas canvas) {...// 仅贴出关键代码int saveCount;// 步骤1： 绘制本身View背景if (!dirtyOpaque) {drawBackground(canvas); // ->分析1}// 若有必要，则保存图层（还有一个复原图层）// 优化技巧：当不需绘制 Layer 时，“保存图层“和“复原图层“这两步会跳过// 因此在绘制时，节省 layer 可以提高绘制效率final int viewFlags = mViewFlags;if (!verticalEdges && !horizontalEdges) {// 步骤2：绘制本身View内容if (!dirtyOpaque) onDraw(canvas);// 单一View中：默认为空实现，需复写// ViewGroup中：需复写// ->分析2// 步骤3：绘制子View// 由于单一View无子View，故View中：默认为空实现// ViewGroup中：系统已经复写好对其子视图进行绘制我们不需要复写dispatchDraw(canvas);// ->分析3// 步骤4：绘制装饰，如滑动条、前景色等等onDrawScrollBars(canvas);// ->分析4return;}...
}/*** 分析1：drawBackground(canvas)* 作用：绘制View本身的背景*/ private void drawBackground(Canvas canvas) {// 获取背景 drawablefinal Drawable background = mBackground;if (background == null) {return;}// 根据在 layout 过程中获取的 View 的位置参数，来设置背景的边界setBackgroundBounds();...// 获取 mScrollX 和 mScrollY值 final int scrollX = mScrollX;final int scrollY = mScrollY;if ((scrollX | scrollY) == 0) {background.draw(canvas);} else {// 若 mScrollX 和 mScrollY 有值，则对 canvas 的坐标进行偏移canvas.translate(scrollX, scrollY);// 调用 Drawable 的 draw 方法绘制背景background.draw(canvas);canvas.translate(-scrollX, -scrollY);}} /*** 分析2：onDraw(canvas)* 作用：绘制View本身的内容* 注：*   a. 由于 View 的内容各不相同，所以该方法是一个空实现*   b. 在自定义绘制过程中，需由子类去实现复写该方法，从而绘制自身的内容*   c. 谨记：自定义View中 必须且只需复写onDraw()*/protected void onDraw(Canvas canvas) {... // 复写从而实现绘制逻辑}/*** 分析3： dispatchDraw(canvas)* 作用：绘制子View* 注：由于单一View中无子View，故为空实现*/protected void dispatchDraw(Canvas canvas) {... // 空实现}/*** 分析4： onDrawScrollBars(canvas)* 作用：绘制装饰，如滚动指示器、滚动条、和前景等*/public void onDrawForeground(Canvas canvas) {onDrawScrollIndicators(canvas);onDrawScrollBars(canvas);final Drawable foreground = mForegroundInfo != null ? mForegroundInfo.mDrawable : null;if (foreground != null) {if (mForegroundInfo.mBoundsChanged) {mForegroundInfo.mBoundsChanged = false;final Rect selfBounds = mForegroundInfo.mSelfBounds;final Rect overlayBounds = mForegroundInfo.mOverlayBounds;if (mForegroundInfo.mInsidePadding) {selfBounds.set(0, 0, getWidth(), getHeight());} else {selfBounds.set(getPaddingLeft(), getPaddingTop(),getWidth() - getPaddingRight(), getHeight() - getPaddingBottom());}final int ld = getLayoutDirection();Gravity.apply(mForegroundInfo.mGravity, foreground.getIntrinsicWidth(),foreground.getIntrinsicHeight(), selfBounds, overlayBounds, ld);foreground.setBounds(overlayBounds);}foreground.draw(canvas);}}

至此，单一View的draw过程已分析完毕。

总结

单一View的draw过程解析如下：

即只需绘制View自身

3.2 ViewGroup的draw过程

应用场景
利用现有的组件根据特定的布局方式来组成新的组件
具体使用
继承自ViewGroup 或各种Layout；含有子 View

如：底部导航条中的条目，一般都是上图标(ImageView)、下文字(TextView)，那么这两个就可以用自定义ViewGroup组合成为一个Veiw，提供两个属性分别用来设置文字和图片，使用起来会更加方便。

原理（步骤）
1. ViewGroup绘制自身（含背景、内容）；
  2.ViewGroup遍历子View & 绘制其所有子View；
类似于单一View的draw过程
1. ViewGroup绘制装饰（滚动指示器、滚动条、和前景）

自上而下、一层层地传递下去，直到完成整个View树的draw过程

具体流程

下面我将对每个步骤和方法进行详细分析：draw过程的入口 = draw（）

/*** 源码分析：draw（）* 与单一View的draw（）流程类似* 作用：根据给定的 Canvas 自动渲染 View（包括其所有子 View）* 绘制过程：*   1. 绘制view背景*   2. 绘制view内容*   3. 绘制子View*   4. 绘制装饰（渐变框，滑动条等等）* 注：*    a. 在调用该方法之前必须要完成 layout 过程*    b. 所有的视图最终都是调用 View 的 draw （）绘制视图（ ViewGroup 没有复写此方法）*    c. 在自定义View时，不应该复写该方法，而是复写 onDraw(Canvas) 方法进行绘制*    d. 若自定义的视图确实要复写该方法，那么需先调用 super.draw(canvas)完成系统的绘制，然后再进行自定义的绘制*/ public void draw(Canvas canvas) {...// 仅贴出关键代码int saveCount;// 步骤1： 绘制本身View背景if (!dirtyOpaque) {drawBackground(canvas);}// 若有必要，则保存图层（还有一个复原图层）// 优化技巧：当不需绘制 Layer 时，“保存图层“和“复原图层“这两步会跳过// 因此在绘制时，节省 layer 可以提高绘制效率final int viewFlags = mViewFlags;if (!verticalEdges && !horizontalEdges) {// 步骤2：绘制本身View内容if (!dirtyOpaque) onDraw(canvas);// View 中：默认为空实现，需复写// ViewGroup中：需复写// 步骤3：绘制子View// ViewGroup中：系统已复写好对其子视图进行绘制，不需复写dispatchDraw(canvas);// 步骤4：绘制装饰，如滑动条、前景色等等onDrawScrollBars(canvas);return;}...
}

由于步骤2：drawBackground（）、步骤3：onDraw（）、步骤5：onDrawForeground（），与单一View的draw过程类似，此处不作过多描述

下面直接进入与单一View draw过程最大不同的步骤4：dispatchDraw()

/*** 源码分析：dispatchDraw（）* 作用：遍历子View & 绘制子View* 注：*   a. ViewGroup中：由于系统为我们实现了该方法，故不需重写该方法*   b. View中默认为空实现（因为没有子View可以去绘制）*/ protected void dispatchDraw(Canvas canvas) {......// 1. 遍历子Viewfinal int childrenCount = mChildrenCount;......for (int i = 0; i < childrenCount; i++) {......if ((transientChild.mViewFlags & VISIBILITY_MASK) == VISIBLE ||transientChild.getAnimation() != null) {// 2. 绘制子View视图 ->>分析1more |= drawChild(canvas, transientChild, drawingTime);}....}}/*** 分析1：drawChild（）* 作用：绘制子View*/protected boolean drawChild(Canvas canvas, View child, long drawingTime) {// 最终还是调用了子 View 的 draw （）进行子View的绘制return child.draw(canvas, this, drawingTime);}

至此，ViewGroup的draw过程已分析完毕。

总结

ViewGroup的draw过程如下：

4. 其他细节问题：View.setWillNotDraw()

/*** 源码分析：setWillNotDraw()* 定义：View 中的特殊方法* 作用：设置 WILL_NOT_DRAW 标记位；* 注：*   a. 该标记位的作用是：当一个View不需要绘制内容时，系统进行相应优化*   b. 默认情况下：View 不启用该标记位（设置为false）；ViewGroup 默认启用（设置为true）*/ public void setWillNotDraw(boolean willNotDraw) {setFlags(willNotDraw ? WILL_NOT_DRAW : 0, DRAW_MASK);}// 应用场景
// a. setWillNotDraw参数设置为true：当自定义View继承自 ViewGroup 、且本身并不具备任何绘制时，设置为 true 后，系统会进行相应的优化。
// b. setWillNotDraw参数设置为false：当自定义View继承自 ViewGroup 、且需要绘制内容时，那么设置为 false，来关闭 WILL_NOT_DRAW 这个标记位。

5. 总结

本文全面总结了自定义View的Draw过程，总结如下

View类型	绘制流程(Draw)
单一View	仅绘制视图View本身。
视图组ViewGroup	绘制视图本身和包含的所有子View。

Carson带你学Android自定义View文章系列：
Carson带你学Android：自定义View基础
Carson带你学Android：一文梳理自定义View工作流程
Carson带你学Android：自定义View Measure过程
Carson带你学Android：自定义View Layout过程
Carson带你学Android：自定义View Draw过程
Carson带你学Android：手把手教你写一个完整的自定义View
Carson带你学Android：Canvas类全面解析
Carson带你学Android：Path类全面解析

欢迎关注Carson_Ho的CSDN博客与公众号！

博客链接：https://carsonho.blog.csdn.net/

请帮顶 / 评论点赞！因为你的鼓励是我写作的最大动力！

Carson带你学Android：源码解析自定义View Draw过程相关推荐

Carson带你学Android：全面解析Android消息推送解决方案
前言鉴于现在运营需求的增强,消息推送在Android开发中应用的场景是十分常见如电商的活动宣传.资讯类产品进行新闻推送等等今天,我将全面介绍Android中实现消息推送的7种主流解决方案 Car ...
Carson带你学Android：全面解析列表ListView与AdapterView
前言 ListView在Android开发中十分常见今天,我将为大家带来ListView与AdapterView全面解析,含其特点.工作原理等,希望你们会喜欢. Carson带你学Android系列 ...
Carson带你学Android：RxJava过滤操作符
前言 Rxjava由于其基于事件流的链式调用.逻辑简洁 & 使用简单的特点,深受各大 Android开发者的欢迎. 今天,我将为大家详细介绍RxJava操作符中最常用的过滤操作符,希望你们会 ...
Carson带你学Android：图文详解RxJava背压策略
前言 Rxjava,由于其基于事件流的链式调用.逻辑简洁 & 使用简单的特点,深受各大 Android开发者的欢迎. 本文主要讲解的是RxJava中的背压控制策略,希望你们会喜欢. Cars ...
Carson带你学Android：手把手带你入门跨平台UI开发框架Flutter
前言 Flutter 作为Google出品的一个新兴的跨平台移动客户端UI开发框架,正在被越来越多的开发者和组织使用,包括阿里的咸鱼.腾讯的微信等. 今天,我将献上一份 <全面 & 详细 ...
Carson带你学Android：关于ContentProvider的知识都在这里了！
前言 ContentProvider属于 Android的四大组件之一本文全面解析了 ContentProvider ,包括ContentProvider 原理.使用方法 & 实例讲解,希望 ...
Carson带你学Android：请收好这一份全面详细的Android学习指南
前言如果你也学习Android,那么你大概率会看过我的文章.经常有读者给我留言:"该怎么学习Android?"."日常学习Android的方法是什么". 今天 ...
Carson带你学Android：主流开源图片加载库对比(UIL、Picasso、Glide、Fresco)
前言图片加载在 Android开发项目中十分常见为了降低开发周期 & 难度,我们经常会选用一些图片加载的开源库,而现在图片加载开源库越来越多,我们应该选用哪种呢? 今天.我就给大家介绍 & ...
Carson带你学Android：你要的WebView与 JS 交互方式都在这里了
前言现在很多App里都内置了Web网页(Hybrid App),比如说很多电商平台,淘宝.京东.聚划算等等,如下图上述功能是由Android的WebView实现的,其中涉及到Android客户端与 ...

Carson带你学Android：源码解析自定义View Draw过程

前言

目录

1. 作用

2. 储备知识

3. draw过程详解

3.1 单一View的draw过程

总结

3.2 ViewGroup的draw过程

总结

4. 其他细节问题：View.setWillNotDraw()

5. 总结

欢迎关注Carson_Ho的CSDN博客与公众号！

请帮顶 / 评论点赞！因为你的鼓励是我写作的最大动力！

Carson带你学Android：源码解析自定义View Draw过程相关推荐

最新文章

热门文章

Carson带你学Android：源码解析自定义View Draw过程

前言

目录

1. 作用

2. 储备知识

3. draw过程详解

3.1 单一View的draw过程

总结

3.2 ViewGroup的draw过程

总结

4. 其他细节问题：View.setWillNotDraw()

5. 总结

欢迎关注Carson_Ho的CSDN博客 与 公众号！

请帮顶 / 评论点赞！因为你的鼓励是我写作的最大动力！

Carson带你学Android：源码解析自定义View Draw过程相关推荐

最新文章

热门文章

欢迎关注Carson_Ho的CSDN博客与公众号！