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整个绘制流程结束。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 200,527评论 5 470
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,314评论 2 377
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 147,535评论 0 332
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,006评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,961评论 5 360
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,220评论 1 277
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,664评论 3 392
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,351评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,481评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,397评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,443评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,123评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,713评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,801评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,010评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,494评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,075评论 2 341

推荐阅读更多精彩内容