配合Activity 从启动到布局绘制的简单分析 阅读 ? View的绘制.png 基本概念介绍 Activity:一个 Activity 是一个应用程序组件,提供一个屏幕,用户可以用来交互。 上面内容是在 onCreate() 中执行完成的 然后在 onResume 执行完成后调用View的绘制 详细的说明看:Activity 从启动到布局绘制的简单分析 View 的绘制 View 的绘制流程可以分成三步 :测量、布局、绘制 分别对应了:onMeasure() onLayout() onDraw 当然这个过程中也会调用许多其他的方法,都是作为辅助,大的流程就这三步。 绘制 onDraw onDraw() 函数就是来绘制了,一般 ViewGroup 不会实现内部的方法,子控件才重写 onDraw() 方法。也是内部一层层分发绘制。 然后 draw() 的内部的执行就和上面介绍 onDraw() 中一样了 到此整个页面的测量、布局、绘制就全部分析完毕了。 可以查看:Activity 从启动到布局绘制的简单分析
View 树的绘图流程 当 Activity 接收到焦点的时候,它会被请求绘制布局,该请求由 Android framework 处理.绘制是从根节点开始,对布局树进行 measure 和 draw。 View 绘制流程函数调用链 ? 3. measure 核心方法 measure(int widthMeasureSpec, int heightMeasureSpec) 该方法定义在View.java类中,为 final 类型,不可被复写 View.onDraw(): View 的onDraw(Canvas)默认是空实现,自定义绘制过程需要复写的方法,绘制自身的内容。 dispatchDraw() 发起对子视图的绘制。 从参数中可以看到,child.draw(canvas, this, drawingTime) 肯定是处理了和父视图相关的逻辑,但 View 的最终绘制,还是 View.draw(Canvas)方法。
去绘制它自己,必须传入父view的测量spec与子view自己的padding值 protected void measureChild(View child, int parentWidthMeasureSpec horizontalEdges) {/绘制自己 // Step 3, draw the content if (! dirtyOpaque) onDraw(canvas); //绘制子view,如果当前没有子view则不需要绘制,在view中是空实现,具体在viewgroup中实现方法 // Step 但是当viewgroup需要通过onDraw方法来绘制内容时,于是就要显示的关闭WILL_NOT_DRAW方法 Draw 分析总结 当是一个viewgroup,那么要递归所有的子view已完成绘制 从源码中可知 viewgroup不绘制任何内容,真正绘制在子view中进行,也就是调用子view的draw方法进行绘制 View动画和ViewGroup布局动画区别: View动画指的是View自身的动画,可以通过
概述 View的绘制流程主要是指测量、布局以及绘制显示,在View中,measure是测量View的宽高,layout是控制View四个顶点的位置,而draw就是将布局直接绘制出来。 的数量后,循环遍历通过measureChild将子View绘制进去。 我们先来看看View的layout方法: public void layout(int l, int t, int r, int b) { if ((mPrivateFlags3 & PFLAG3 方法来进行view的绘制,不过我们可以发现View和ViewGroup的onlayout方法中并没有真正实现。 那我们看看其他的,第一步:绘制背景,第三步:绘制内容,第四步:绘制子view。第六步:绘制装饰,例如,前景,滚动条等等。
(),在View中这个函数什么都不会做,提供该函数主要是为viewGroup类型布局子视图用的; 3、draw操作 draw操作利用前两部得到的参数,将视图显示在屏幕上,到这里也就完成了整个的视图绘制工作 子类也不应该修改该方法,因为其内部定义了绘图的基本操作: (1)绘制背景; (2)如果要视图显示渐变框,这里会做一些准备工作; (3)绘制视图本身,即调用onDraw 而对于ViewGroup则不需要实现该函数,因为作为容器是“没有内容“的,其包含了多个子view,而子View已经实现了自己的绘制方法,因此只需要告诉子view绘制自己就可以了,也就是下面的dispatchDraw ; 以上三个方法是ViewGroup提供的3个对子view进行测量的参考方法,设计者需要在实际中首先覆写onMeasure(),之后再对子view进行遍历measure,这时候就可以使用以上三个方法 drawChild绘制子视图 // //所有子视图都绘制完成后这里还可以做一些处理,比如绘制阴影什么的 // } 其他 从以上分析可以看出View树的绘制是一个递归的过程
目的 我在一个多月之前就说我准备开始梳理基础的事,好吧,我承认这一个月没我怎么梳理。或者梳理的不多,当我梳理到view的时候,发现需要分成绘制流程以及事件分发进行处理。一开始是想整理一般面试的概要。 当我把整个绘制流程的源码看完之后,我突然对一个词比较陌生,就是MeasureSpec。然后就决定整理一波。 MeasureSpec概念 通过源码我们可以知道MeasureSpec是View的内部类,用来控制view的尺寸。也就是view的宽高是由他决定的。 MODE_MASK :0x3<<MODE_SHIFT。0x代表16进制,10进制也为3(那为什么还要加上0x,不解),二进制为11,11向左进位30,也就是11后面30个0。 我在文章开头说了,这只是绘制流程中的一个小东西而已。如果不结合整个绘制流程,单独看这个肯定一脸蒙蔽,那么后续的绘制流程教程什么时候出?可能要过段时间了。
具体分析 以下源码基于版本27 DecorView 的draw 流程 在《View的绘制-measure流程详解》中说过,View 的绘制流程是从 ViewRootViewImpl 中的 performMeasure = null) { mMenuBackground.draw(canvas); } } View 的 draw 流程 就这样, View 的绘制就开始啦。 horizontalEdges) { // Step 3, draw the content // 绘制内容 if (! ViewGroup 本身是继承 View 的,它的基本绘制流程也是通过父类 View 进行的,只不过它重写了 dispatchDraw 方法,来进行子元素的绘制。 View 本身是默认设置为 false 的,没有启动这个优化标记(这也不难理解,因为一般我们自定义控件继承 View 的时候,是要重写 onDraw 方法进行绘制的)。
,所以说这些View应该都具有相同的绘制流程与机制才能显示到屏幕上(因为他们都具备相同的父类View,可能每个控件的具体绘制逻辑有差异,但是主流程都是一样的)。 既然一个View的绘制主要流程是这三步,那一定有一个开始地方呀,就像一个类从main函数执行一样呀。对于View的绘制开始调运地方这里先给出结论,本文后面会反过来分析原因的,先往下看就行。 因为每个View的内容部分是各不相同的,所以需要由子类去实现具体逻辑。 第四步,对当前View的所有子View进行绘制,如果当前的View没有子View就不需要进行绘制。 View默认不会绘制任何内容,真正的绘制都需要自己在子类中实现。 View的绘制是借助onDraw方法传入的Canvas类来进行的。 5-3 invalidate与postInvalidate方法总结 依据上面对View的invalidate分析我总结绘制如下流程图: ?
我们刚接触android开发的时候,应该都是从写布局开始的,在写布局的时候一般组长都要求我们少嵌套,这个是为什么呢?这个就要从我们今天要分析的invalidate()分析。 performDraw(); //..... } 可以看到,进入这里面了,会依次调用performMeasure performLayout performDraw三个函数,依次调用了view的绘制流程 ); } } mView就是ViewGroup,然后会调用ViewGroup的onMeasure函数,然后测量,就从最上层父布局一直到测量到最底层的view。 ); } mInLayout = false; } 同样的道理,又是从最上层viewGroup到最底层的view。 performDraw负责绘制,performDraw()会 调用draw,在调用drawSoftware /** * @return true if drawing was successful
我们刚接触android开发的时候,应该都是从写布局开始的,在写布局的时候一般组长都要求我们少嵌套,这个是为什么呢?这个就要从我们今天要分析的invalidate()分析。 performDraw(); //..... } 可以看到,进入这里面了,会依次调用performMeasure performLayout performDraw三个函数,依次调用了view的绘制流程 ); } } mView就是ViewGroup,然后会调用ViewGroup的onMeasure函数,然后测量,就从最上层父布局一直到测量到最底层的view。 ); } mInLayout = false; } 同样的道理,又是从最上层viewGroup到最底层的view。 performDraw负责绘制,performDraw()会 调用draw,在调用drawSoftware /** * @return true if drawing was successful
界面窗口的根布局是DecorView,该类继承自FrameLayout,而FrameLayout继承自ViewGroup。感觉绘制肯定会在ViewGroup或者View中 但是木有找到。 , HardwareRenderer.HardwareDrawCallbacks { } View的绘制过程从ViewRootImpl.performTraversals()方法开始。 View绘制的三个过程Measure、Layout、Draw 下面是这三个过程的详细说明 Measure performMeasure方法如下: private void performMeasure( 再看一下dispatchDraw方法,这个方法是用来绘制子View的,所以要看ViewGroup.dispatchDraw方法,View.dispatchDraw是空的。 View.draw方法内部会分别调用onDraw绘制自己以及dispatchDraw绘制子View.
View绘制的流程框架 如图所示 ? View的绘制是从上往下一层层迭代下来的。 DecorView-->ViewGroup(--->ViewGroup)-->View ,按照这个流程从上往下,依次measure(测量),layout(布局),draw(绘制)。 ? canvas) draw过程则决定了View的显示,完成draw后view会显示在屏幕上 绘制背景(background.draw(Canvas)) 绘制自己 protected void onDraw (Canvas canvas) onDraw绘制自己,新建一个paint 在canvas上绘制自己的图形 绘制children (dispatchDraw)dispatchDraw会遍历调用所有子元素的 从View的测量、布局和绘制原理来看,要实现自定义View,根据自定义View的种类不同,可能分别要自定义实现不同的方法。
了解绘制的整体流程 绘制会从根视图ViewRoot的performTraversals()方法开始,从上到下遍历整个视图树,每个View控件负责绘制自己,而ViewGroup还需要负责通知自己的子View View绘制流程之Measure Measure的基本流程 页面的测量流程是从performMeasure方法开始的,相关的核心代码流程如下。 绘制View的背景 drawBackground(canvas); ... // 步骤二:如果需要的话,保持canvas的图层,为fading做准备 saveCount (canvas); ... // 步骤四:绘制View的子View dispatchDraw(canvas); ... // 步骤五:如果需要的话,绘制View } setWillNotDraw的作用 // 如果一个View不需要绘制任何内容,那么设置这个标记位为true以后, // 系统会进行相应的优化。
MeasureSpec是一种“测量规则”或者“测量说明书”,决定了View的测量过程 View的MeasureSpec会根据自身的LayoutParamse和父容器的MeasureSpec生成。 最终根据View的MeasureSpec测量出View的宽/高(测量时数据并非最终宽高) 2、MeasureSpec的组成? SpecMode和SpecSize打包和解包的方法 3、测量模式SpecMode的类型和具体含义? 的接口,可以在View树状态改变或者View树内部View的可见性改变时,onGlobalLayout会被回调,能正确获取View宽/高 view.measure 8、Activity启动到最终加载ViewRoot 9、自定义View性能优化有哪些? 避免过度绘制 像素点能画一次就不要多次绘制,以及绘制看不到的背景。开发者选项里内的工具,只对xml布局有效果,看不到自定义View的过度绘制,仍然需要注意。
一个是vsync-app唤醒Chrographer做App的绘制操作(生成当前帧数据) 一个是vsync-sf是SurfaceFliger使用,当vsync信号来临时进行合成操作(要满足消费完上一帧数据的条件下 也就是说我们可以打乱顺序是先合成消费帧数据绘制到屏幕上还是先生成帧数据。 注意:有两个线程共同合作完成绘制动作:UIThread生成指令和RenderThread调用OpenGl库生成Buffer放入到BufferQuene缓冲队列中。 (释放的操作在native层对应的处理是把这块内存区域变成一个Bitmap交由RenderThread去渲染) draw方法其实并没有进行真正的绘制,而是把绘制的内容放入到了DisplayList中接着同步到 绘制最终会调用到View.invalidate方法 2.RenderThread执行的时候UIThread就可以释放掉去做其他处理,接着RenerThread去取出DisplayList中的数据进行处理生成
绘制一个漂亮的弧形 View 来,先看下效果图: 怎么样? 漂亮吧,上面是一个标题栏,下面是一个弧形的 View,标题栏和弧形 View 从左到右都有一个线性的渐变色,类似于手机 QQ 顶部的渐变效果,关于弧形的这种效果,使用的场景还是比较普遍的,小面我们就一起来看看如何绘制吧 ,比较简单这里就不详细说了, onMeasure() 用于测量 View 的宽高尺寸,onDraw() 就是具体的绘制过程了,具体的绘制思路是:我们在 onMeasure()方法中拿到测量出来的宽和高, 有了路径之后我们就可以轻而易举地绘制出一个弧形了,完整的代码请看下面: /** * Created by x-sir on 2018/8/10 :) * Function:自定义弧形 View * 3.将布局延伸到系统状态栏 Android 5.0 之后我们可以设置 Activity 的布局延伸到系统状态栏中,这样我们页面看起来更美观和协调,设置也比较简单,直接贴代码了: @Override
之前的内容在这里: HenCoder Android 开发进阶 自定义 View 1-1 绘制基础 HenCoder Android 开发进阶 自定义 View 1-2 Paint 详解 如果你没听说过 大概在这里: 而如果你像绘制其他内容一样,在绘制文字的时候把坐标填成 (0, 0),文字并不会显示在 View 的左上角,而是会几乎完全显示在 View 的上方,到了 View 外部看不到的位置: canvas.drawText StaticLayout 并不是一个 View 或者 ViewGroup ,而是 android.text.Layout 的子类,它是纯粹用来绘制文字的。 // 包含特殊符号的绘制(如 emoji 表情)String text = "Hello HenCoder \uD83C\uDDE8\uD83C\uDDF3" // "Hello HenCoder ?? 练习项目 为了避免转头就忘,强烈建议你趁热打铁,做一下这个练习项目:HenCoderPracticeDraw3 下期预告 基本绘制(Canvas.drawXXX())以及高级绘制(Paint)都讲完了,
android的View绘制 view绘制主要包括三个方面: measure 测量组件本身的大小 layout 确定组件在视图中的位置 draw 根据位置和大小,将组件画出来 视图绘制的起点在ViewRootImpl draw绘制 完成measure和Layout后,ViewRootImpl中的代码会创建一个Canvas对象,然后调用View的draw()方法来执行具体的绘制工。 这里写图片描述 draw原理总结 可以看见,绘制过程就是把View对象绘制到屏幕上,整个draw过程需要注意如下细节: 如果该View是一个ViewGroup,则需要递归绘制其所包含的所有子View。 View默认不会绘制任何内容,真正的绘制都需要自己在子类中实现。 View的绘制是借助onDraw方法传入的Canvas类来进行的。 在获取画布剪切区(每个View的draw中传入的Canvas)时会自动处理掉padding,子View获取Canvas不用关注这些逻辑,只用关心如何绘制即可。
在上面六种情况中是有一样的: 如果mParentView不是null,那么:1、4是一样的,2、5是一样的,3是一样,6是一样, 如果mParentView是null,那么:1、2、3、5是一样,4、6 attachToRoot) { root.addView(temp, params); } // 3. 3.ViewGroup.generateLayoutParams public LayoutParams generateLayoutParams(AttributeSet attrs) { return } else {// 带有包名的View(例如自定义的View,或者引用的support包中的View) view = createView(name, null ", attrs); } 系统的视图都在android.view包下,所以要添加前缀“android.view.”
Android绘制链图: 网上很多讲Android view的绘制流程往往只讲到了Measure - Layout - Draw。 这里面有一段很重要的代码: window.getDecorView(); 正式这段代码告知系统可以从view的根节点开始绘制了,通过DecorView方法,decorview调用了performTraversals draw(fullRedrawNeeded); } 调用然后系统再调用Measure - Layout - Draw实现了View的绘制。 |= PFLAG3_IS_LAID_OUT; } 函数中参数l、t、r、b是指view的左、上、右、底的位置,通过这几个参数来确定view在Windows的位置。 Draw decorations (scrollbars for instance) 根据view源码的注释, 1,绘制背景 2,保存画布图层 3,调用了onDraw方法,子类中实现onDraw