美文网首页
View绘制流程源码

View绘制流程源码

作者: 风二叽 | 来源:发表于2020-04-26 18:28 被阅读0次

    视图结构: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绘制流程源码

          本文链接:https://www.haomeiwen.com/subject/bwgdwhtx.html