View绘制流程源码

视图结构:Activity->PhoneWindow->DecorView->ActionBar+ContentView(FrameLayout)

入口源码:

ViewRootImpl开始绘制入口,调用doTraversal


doTraversal里调用performTraversals


performTraversals 里调用measureHierarchy


measureHierarchy调用 performMeasure 


performMeasure调用 Measure

如上图,绘制流程的入口从ViewRootImpl开始,mTraversalRunnable在回调里开启,它调用了doTraversal,doTraversal调用performTraversals,performTraversals依次调用performMeasure ()、performLayout() 、performDraw()

这三个方法分别调用measure,layout,draw,依次走进onMeasure ,onLayout,onDraw,即测量,布局,绘制


测量:

performMeasure ()->measure()-> onMeasure ()

View:

调用setMeasuredDimension ()设置视图的测量尺寸,参数是测量宽度与测量高度


getSuggestedMinimumWidth(),getSuggestedMinimumHeight():获取推荐的最小值,有背景,用背景跟minWidth的最大值,没有背景,用minWidth


getDefaultSize:UNSPECIFIED:用推荐的最小值getSuggestedMinimumWidth,AT_MOST、EXACTLY:返回MeasureSpec 中的尺寸


最后测量的值通过setMeasuredDimension 设置

ViewGroup:

以AbsoluteLayout为例

onMeasure里先执行measureChildren,再执行setMeasuredDimension 设定尺寸,当测量尺寸涉及Margin时, 则调用

measureChildWithMargins,在计算子View时,额外添加上下左右Margin( lp. leftMargin ,lp.rightMargin, lp . topMargin ,lp.bottomMargin )


图1

measureChildren遍历子view,调用measureChild

measureChild根据padding执行getChildMeasureSpec获取MeasureSpec,getChildMeasureSpec中:





可以看出,无论父视图的模式是EXACTLY 还是AT_MOST ,当子视图的布局属性为WRAP_CONTENT ,测量值均为父布局的最大空闲值size ,即默认值与match_parent 相同。如需支持wrap_content ,则需重写onMeasure(),指定默认的最小宽度rnMinWidth 和最小高度rnMinHeight

获取完child的MeasureSpec执行child的measure,如果child是viewgroup,继续上述流程,如果child是view,走view的流程

最后通过图1可以知道,父布局setMeasuredDimension 设定的尺寸为padding+子view最大的宽高


注:两种方法可获取当前页面测量值,一种是在onWindowFocusChanged 方法中,一种是在onResume()的消息队列队尾。

1.onWindowFocusChanged:该方法里视图的测量过程onMeasure已经完成,可以获取测量值,调用getMeas uredWidth ,getMeasuredHeight获取宽高

如果获取窗口的测量值,先获取contentView(phoneWindow->decorView->Framelayout->contentView,再getMeas uredWidth ,getMeasuredHeight获取测量值

ViewGroup view= (ViewGroup) getWindow() . getDecorView() ;

FrameLayout content= (FrameLayout) view . getChildAt(0) ;

View contentView = content.getChildAt(0) ;

if (hasFocus) {

mWidth = contentView . getMeasuredWidth();

mHeight = contentView . getMeasuredHeight();

}


2.onResume():

调用View.post,在视图的消息队列尾部添加runnable,在消息队列中完成测量,消息队列先完成系统再完成用户,在最后可以获取测量结果

contentView 获取方式与第一种一样

@Override

protected void onResume () {

super . onResume() ;

contentView . post(new Runnable( ) {

@Override public void run()

{

mWidth = view . getMeasuredWidth();

mHeight = view . getMeasuredHeight() ;

}



布局

performLayout->layout->onLayout


ViewRootImpl执行performLayout,调用到view的layout


view的layout调用onLayout


view的onLayout是空实现


viewGroup 的onLayout是抽象方法

从源码看出,跟绘制一样的入口处执行到performLayout,performLayout里又调用view的layout,layout里先调用setOpticalFrame(l, t, r, b) 或者setFrame(l, t, r, b)确定四个顶点的位置,又调用onLayout,onLayout在View里是空实现,如果是viewGroup ,则变成了抽象方法需要子类去实现,子类我们以LinearLayout为例,其余的大致也是一个思路,看看子类怎么实现onLauout


可以看出根据排列方向执行不同方法,我们挑一个进去



LinearLayout的onLayout


setChildFrame

在LinearLayout的onLayout实现里我们可以看到,ViewGroup的子类实现onLayout的思路就是遍历子view,调用setChildFrame方法,而setChildFrame方法又调用子view的layout方法,如果子view是view,就setFrame确定四个顶点,如果是ViewGroup,就继续逐级如此循环下去。



绘制

ViewRootImpl.performDraw()->draw()->drawSoftware()->View.draw()

上述流程代码源码略长不贴了,直接搜就能找到

View.draw()里面,依次执行了5个方法,drawBackground(),setFadeColor(),onDraw(),dispatchDraw,onDrawForeground


1.drawBackground:画背景,通过mBackgroud.draw画出背景


drawBackground

2.setFadeColor():存储画布的层次,设置渐变色


setFadeColor

3.onDraw:空实现,需要子类去实现

onDraw

4.dispatchDraw:在View中是空实现,在ViewGroup中,通过遍历子View,调用drawChild绘制子View,drawChild又调用了child的draw,如果child是view,则走上面的绘制,如果是ViewGroup,则继续循环下去。

View中 dispatchDraw


ViewGroup 中 dispatchDraw


drawChild

5.绘制上下左右渐变层边缘


6.onDrawForeground:绘制前置内容


至此,View整个绘制流程结束。

你可能感兴趣的:(View绘制流程源码)