Android开发——View绘制过程源码解析(二)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/SEU_Calvin/article/details/52742887

0. 前言  

View的绘制流程从ViewRootperformTraversals开始,经过measurelayoutdraw三个流程,之后就可以在屏幕上看到View了。上一篇已经介绍了View和ViewGroup的measure的源码解析过程,本篇介绍measure后如何获得View的宽和高,以及layout和draw的过程

本文原创,转载请注明出处:http://blog.csdn.net/seu_calvin/article/details/52742887


1.  获取Measure后的宽高

Meaure完成以后,就可以通过getMeasuredWidth/Height()来获得View的测量宽高。虽然说在onLayout()中拿到的数据更可靠

(因为有时View可能需要多次measure,虽然最终测量和最终结果相同,但是前几次measure可能会得到不可靠的宽高。)

因为measure的过程和Activity的生命周期没有任何关系,无法确定在哪个生命周期中,View的measure过程一定完成。所以说在Activity的生命周期里可能无法获得测量宽高。可以尝试如下三种方法获取view的测量宽高。


1.1  焦点相关回调

//重写Activity的onWindowFocusChanged方法
//该方法当Activity得到/失去焦点便会回调,表示View已经初始化完毕,可以保证Measure完成
public void onWindowFocusChanged(boolean hasFocus) {
        super.onWindowFocusChanged(hasFocus);
        if (hasFocus) {
            int width = tv.getMeasuredWidth();
            int height = tv.getMeasuredHeight();
        }
}


1.2  消息队列

//将Runnable置于消息队列尾部,延迟获取测量宽高的时间,保证View初始化完毕
@Override
protected void onStart() {
   super.onStart();
   view.post(new Runnable() {
      @Override
      public void run() {
        int width = view.getMeasuredWidth();
        int height = view.getMeasuredHeight();
       }
    });
}


1.3  监听view树

//当View树状态发生改变时回调onGlobalLayout
@Override
protected void onStart() {
view.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
     @Override
     public void onGlobalLayout() {
        //因为会调用多次,所以拿到测量结果后要remove掉监听
        view.getViewTreeObserver().removeOnGlobalLayoutListener(this);
        int width = view.getMeasuredWidth();
        int height = view.getMeasuredHeight();
    }
 });
}


2.  Layout过程

layout()过程用于确定View在父容器中的位置,而onLayout方法用于确定所有子元素的位置。

layout方法如下所示:

//四个参数分别代表相对于父视图左上右下四个坐标值
host.layout(0, 0, host.mMeasuredWidth, host.mMeasuredHeight);
public void layout(int l, int t, int r, int b) {  
    int oldL = mLeft;  
    int oldT = mTop;  
    int oldB = mBottom;  
    int oldR = mRight;  
    boolean changed = setFrame(l, t, r, b);  
    if (changed || (mPrivateFlags & LAYOUT_REQUIRED) == LAYOUT_REQUIRED) {  
        if (ViewDebug.TRACE_HIERARCHY) {  
            ViewDebug.trace(this, ViewDebug.HierarchyTraceType.ON_LAYOUT);  
        }  
        onLayout(changed, l, t, r, b);  
        mPrivateFlags &= ~LAYOUT_REQUIRED;  
        if (mOnLayoutChangeListeners != null) {  
            ArrayList<OnLayoutChangeListener> listenersCopy =  
                    (ArrayList<OnLayoutChangeListener>) mOnLayoutChangeListeners.clone();  
            int numListeners = listenersCopy.size();  
            for (int i = 0; i < numListeners; ++i) {  
                listenersCopy.get(i).onLayoutChange(this, l, t, r, b, oldL, oldT, oldR, oldB);  
            }  
        }  
    }  
    mPrivateFlags &= ~FORCE_LAYOUT;  
} 

在layout()方法中:

(1)第8行首先会调用setFrame()方法判断视图的大小是否发生过变化,避免未发生变化时进行重绘操作。

(2)(13行)接着会调用onLayout()方法,用于父容器确定子元素的位置,这是一个空实现,也就是说,如果我们自定义了一个ViewGroup,就需要在onLayout()中调用每一个子View的layout方法,传入位置参数,确定其位置。

 

【拓展】我们尝试自定义一个布局,借此来理解onLayout()的过程。代码如下所示:

public class MyLayout extends ViewGroup {  
    public MyLayout (Context context, AttributeSet attrs) {  
        super(context, attrs);  
    }  
    @Override  
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {  
        super.onMeasure(widthMeasureSpec, heightMeasureSpec); 
        //调用measureChild()来测量出子元素的大小 
        measureChild(getChildAt(0), widthMeasureSpec, heightMeasureSpec);  
    }  
    @Override  
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
    //子元素可以在xml中任意添加一个控件
    //根据测量结果布置子元素在MyLayout中的位置
        childView.layout(0, 0, getChildAt(0).getMeasuredWidth(),getChildAt(0).getMeasuredHeight());  
    }  
}

onLayout()过程结束后,我们就可以调用getWidth/Height来获取View最终宽高了。

之前也提到过, getMeasureWidth方法在measure过程结束后取到的是测量宽高,两者几乎在任何情况下都是相同的。但是也有非一般的情况,比如我们重写onLayout并对measure测量的结果"置之不理"。

@Override  
protected void onLayout(boolean changed, int l, int t, int r, int b) {
    //这样getWidth得到的值就是100减0,虽然这么做毫无意义  
    getChildAt(0).layout(0, 0, 100, 100);  
}

3.  Draw过程

measure和layout的过程都结束后,就进入到对View进行绘制的draw过程了

首先会创建出一个Canvas对象,然后调用View的draw()方法来执行具体的绘制工作。代码如下所示:

public void draw(Canvas canvas) {  
    //…
    final int privateFlags = mPrivateFlags;  
    final boolean dirtyOpaque = (privateFlags & DIRTY_MASK) == DIRTY_OPAQUE &&  
            (mAttachInfo == null || !mAttachInfo.mIgnoreDirtyState);  
    mPrivateFlags = (privateFlags & ~DIRTY_MASK) | DRAWN;  
    // 第一步,对背景进行绘制
    int saveCount;  
if (!dirtyOpaque) {
    //得到android:background属性设置的图片或颜色
        final Drawable background = mBGDrawable;  
        if (background != null) {  
            final int scrollX = mScrollX;  
            final int scrollY = mScrollY;  
            if (mBackgroundSizeChanged) {
                //根据layout的View位置结果确定背景绘制区域  
                background.setBounds(0, 0,  mRight - mLeft, mBottom - mTop);  
                mBackgroundSizeChanged = false;  
            }  
            if ((scrollX | scrollY) == 0) {
                //调用Drawable的draw()方法来完成背景的绘制工作
                background.draw(canvas);  
            } else {  
                canvas.translate(scrollX, scrollY);  
                background.draw(canvas);  
                canvas.translate(-scrollX, -scrollY);  
            }  
        }  
} 
 
    final int viewFlags = mViewFlags;  
    boolean horizontalEdges = (viewFlags & FADING_EDGE_HORIZONTAL) != 0;  
    boolean verticalEdges = (viewFlags & FADING_EDGE_VERTICAL) != 0;  
    if (!verticalEdges && !horizontalEdges) {  
        //第二步,对内容进行绘制,onDraw为空实现,需要子类实现  
        if (!dirtyOpaque) onDraw(canvas);  
        //第三步,ViewGroup的dispatchDraw()方法遍历调用所有子元素的draw()
        dispatchDraw(canvas);  
        //第四步,绘制View的装饰,比如滚动条
        onDrawScrollBars(canvas);  
        // we're done...  
        return;  
    }  
}

从源码中可以看出,绘制工作中除了一些具体的背景绘制、滚动条绘制等绘制,对内容进行绘制的onDraw()是一个空实现,需要子类自己实现。

绘制主要是借助Canvas这个类,它会作为参数传入到onDraw()方法中,基本可以把它当成一块画布,在上面绘制任意的东西。


4. setWillNotDraw方法

/**
* If this view doesn't do any drawing on its own, set this flag to allow further optimizations.
* By default, this flag is not set on View, but could be set on some View subclasses such as ViewGroup.
*Typically, if you override onDraw(Canvas),you should clear this flag.
*/
public void setWillNotDraw(boolean willNotDraw) {
   setFlags(willNotDraw ? WILL_NOT_DRAW : 0, DRAW_MASK);
}

如果你的自定义View不需要绘制出来的话,就可以设置这个方法为true,这样可以优化执行速度

ViewGroup默认设置为true,因为ViewGroup多数都是只负责布局。如果我们继承自ViewGroup的自定义控件需要通过onDraw绘制内容时,需要手动关闭这个标记位。

public class MyLayout extends LinearLayout {
    public MyLayout (Context context, intposition) {
         super(context);
         setWillNotDraw(false);
    }

    @Override
    protected void onDraw(Canvas canvas) {
         super.onDraw(canvas);
     }
}

至此关于View绘制的过程便总结完毕。

转载请注明出处:http://blog.csdn.net/seu_calvin/article/details/52742887

      


猜你喜欢

转载自blog.csdn.net/SEU_Calvin/article/details/52742887