ANDROID自己定义视图——onLayout源代码 流程 思路具体解释

转载请注明本文出自大苞米的博客（http://blog.csdn.net/a396901990），谢谢支持！ 

简单介绍：

在自己定义view的时候。事实上非常easy。仅仅须要知道3步骤：

1.測量——onMeasure()：决定View的大小

2.布局——onLayout()：决定View在ViewGroup中的位置

3.绘制——onDraw()：怎样绘制这个View。

而第3步的onDraw系统已经封装的非常好了，基本不用我们来担心，仅仅须要专注到1,2两个步骤就中好了。

第一步的測量，能够參考我之前的文章：(ANDROID自己定义视图——onMeasure流程。MeasureSpec具体解释)

而这篇文章就来谈谈第二步：“布局（Layout）”

知识点回想：

在谈怎样使用onLayout方法前，先简单回顾一下知识点：

View视图结构：

View视图能够是单一的一个如TextView，也能够是一个视图组（ViewGroup）如LinearLayout。

如图：对于多View的视图他的结构是树形结构，最顶层是ViewGroup。ViewGroup下可能有多个ViewGroup或View。

这个树的概念非常重要，由于不管我们是在測量大小或是调整布局的时候都是从树的顶端開始一层一层。一个分支一个分支的进行（树形递归）。

Measure简单回想：

measure的作用就是为整个View树计算实际的大小。而通过刚才对View树的介绍知道，想计算整个View树的大小，就须要递归的去计算每个子视图的大小（Layout同理）。

对每个视图通过onMeasure方法的一系列測量流程后计算出实际的高(mMeasuredHeight)和宽(mMeasureWidth)传入setMeasuredDimension()方法完毕单个View的測量，如果所測的视图是ViewGroup则能够通过measureChild方法递归的计算当中的每个子view。对于每个View的实际宽高都是由父视图和本身视图决定的。

Layout（源代码分析）：

Layout的作用就是为整个View树计算实际的位置。而通过刚才对View树的介绍知道，想计算整个View树的位置，就须要递归的去计算每个子视图的位置（Measure同理）。

而确定这个位置非常easy，仅仅须要mLeft，mTop，mRight，mBottom四个值（注意：这4个值是子View相对于父View的值。以下会具体介绍）。

在代码中怎样设置这4个值呢？

首先，不管是系统提供的LinearLayout还是我们自己定义的View视图，他都需要继承自ViewGroup类。之后必需要做的就是重写onLayout方法（由于在onLayout在ViewGroup中被定义为抽象方法）。

ViewGroup-onlayout：

@Override
protected abstract void onLayout(boolean changed, int l, int t, int r, int b);

View-onlayout：

    /**
     * 当这个view和其子view被分配一个大小和位置时，被layout调用。
     * @param changed 当前View的大小和位置改变了
     * @param left 左部位置（相对于父视图）
     * @param top 顶部位置（相对于父视图）
     * @param right 右部位置（相对于父视图）
     * @param bottom 底部位置（相对于父视图）
     */
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {}

View-layout：

    /**
     * 给View和其全部子View分配大小和位置
     *
     * 这是布局的第二个阶段（第一个阶段是測量）。在这个阶段中。每个父视图须要去调用layout去为他全部的子视图确定位置
     * 派生的子类不应该重写layout方法，应该重写onLayout方法，在onlayout方法中应该去调用每个view的layout
     */
    public void layout(int l, int t, int r, int b) {
    	// 将当前视图的左上右下记录为old值(參数中传入的为新的l，t,r,b值)
        int oldL = mLeft;
        int oldT = mTop;
        int oldB = mBottom;
        int oldR = mRight;
        
        // setFrame方法的作用就是将新传入的ltrb属性赋值给View。然后推断当前View大小和位置是否发生了变化并返回
        boolean changed = setFrame(l, t, r, b);
        
        if (changed || (mPrivateFlags & PFLAG_LAYOUT_REQUIRED) == PFLAG_LAYOUT_REQUIRED) {
        	// 调用onLayout回调方法。具体实现由重写了onLayout方法的ViewGroup的子类去实现（后面具体说明）
            onLayout(changed, l, t, r, b);
            mPrivateFlags &= ~PFLAG_LAYOUT_REQUIRED;

            // 调用全部重写了onLayoutChange监听的方法。通知View大小和位置发生了改变
            ListenerInfo li = mListenerInfo;
            if (li != null && li.mOnLayoutChangeListeners != null) {
                ArrayList<OnLayoutChangeListener> listenersCopy =
                        (ArrayList<OnLayoutChangeListener>)li.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 &= ~PFLAG_FORCE_LAYOUT;
    }

在这段代码中我们仅仅要知道：假设视图的大小和位置发生变化后。会调用我们前面分析过的onLayout方法。

对于onLayout方法的终于实现所有依靠我们在自己定义ViewGroup类中重写的onLayout去实现。

计算View位置：   

在重写的onLayout方法中，唯一的目的就是：

对当前视图和其全部子View设置它们在父视图中详细位置（确定这个位置就依靠mLeft，mTop。mRight。mBottom这四个值）

之前介绍过，mLeft，mTop。mRight，mBottom这四个值表示的是子view相对于父view的位置。

以下我贴出我画的图看一下就明确了。

如图，黄色区域是我们的父view，而中间的深色的区域就是我们的子view。

所以对于这个View来说，我列出它相对于父view的各个值是怎样计算和相关函数：

mLeft，mTop，mRight，mBottom：

view.getLeft()——mLeft：子View左边界到父view左边界的距离

    public final int getLeft() {
        return mLeft;
    }

view.getTop()——mTop：子View上边界到父view上边界的距离

view.getRight()——mRight：子View右边界到父view左边界的距离

view.getBottom()——mBottom：子View下边距到父View上边界的距离

视图宽高：

视图宽度 view.getWidth();子View的右边界 - 子view的左边界。

    public final int getWidth() {
        return mRight - mLeft;
    }

    public final int getHeight() {
        return mBottom - mTop;
    }

測量宽高：

view.getMeasuredWidth();measure过程中返回的mMeasuredWidth

    public final int getMeasuredWidth() {
        return mMeasuredWidth & MEASURED_SIZE_MASK;
    }

    public final int getMeasuredHeight() {
        return mMeasuredHeight & MEASURED_SIZE_MASK;
    }

最后介绍一下getWidth/Height和getMeasuredWidth/Height的差别：

getWidth,和getLeft等这些函数都是View相对于其父View的位置。而getMeasuredWidth,getMeasuredHeight是測量后该View的实际值(有点绕，以下摘录一段jafsldkfj所写的Blog中的解释).

实际上在当屏幕能够包裹内容的时候，他们的值是相等的。仅仅有当view超出屏幕后，才干看出他们的差别：

	@Override
	protected void onLayout(boolean changed, int l, int t, int r, int b) {

        // 循环全部子View
        for (int i=0; i<getChildCount(); i++) {
            View child = getChildAt(i);
            // 取出当前子View长宽
            int width = child.getMeasuredWidth();
            int height = child.getMeasuredHeight();

            // 计算当前的mLeft和mTop值（r,b为传递进来的父View的mRight和mBottom值）
            int mLeft = (r - width) / 2;
            int mTop = (b - height) / 2;

            // 调用layout并传递计算过的參数为子view布局
            child.layout(mLeft, mTop, mLeft + width, mTop + height);
        }
    }

<com.gxy.text.CostomViewGroup xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="#eee999" >

    <Button
        android:text="ChildView"
        android:layout_width="200dip"
        android:layout_height="200dip"
        android:background="#333444"
        android:id="@+id/textView2" />
</com.gxy.text.CostomViewGroup>