Android如何自定义视图之测量和布局原理（一）

  在android开发过程中，自定义视图的使用基本上可以说是非常频繁，如何开发一个高效的自定义视图，显得非常重要。由于android本身就是mvc的架构，假如视图的逻辑耦合到controller里，就会显得非主流，并且对View的控制显得不是得心应手，各种各样的适配问题也会接踵而来。这个时候View的作用就显现出来，View的逻辑还是要放到V这一层去控制。

那么如何实现高效有用的自定义View？

1、首先剥离View的功能，View只实现视图显示的功能，不能把业务逻辑掺杂进来，否则这个View又是四不像

2、View重写onMeasure，ViewGroup重写onMeasure、onLayout方法，实现视图的大小和位置的重新定义

3、对外提供相应的方法，实现对View的动态控制

第一点，抽离View的业务逻辑：就是分析需求，寻找View的功能，划清边界，不能“越权”执行代码，把View自己的功能内聚到自己的类里。

第二点，对于视图有需求变化宽高的情况，在onMeasure里实现视图宽高的测量，以及子视图的测量。在onLayout里变换视图的布局位置等。

第三点，对外暴漏通俗易懂的方法，让使用者使用方便，实现的过程中，尽量保证高的拓展性，对新需求能保证很快的拓展进来。

一起来看下onMeasure的具体原理：

先来看下onMeasure(int widthMeasureSpec, int heightMeasureSpec)，参数的含义代表什么呢？我们来看下View的默认实现。

    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        setMeasuredDimension(getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec),
            getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec));
    }

setMeasuredDimension(int measureWidth,int measureHeight)是必须在onMeasure()测量完毕之后调用的，那么我们来看下getDefaultSize(int size, int measureSpec)的实现。

    public static int getDefaultSize(int size, int measureSpec) {
        int result = size;
        int specMode = MeasureSpec.getMode(measureSpec);
        int specSize = MeasureSpec.getSize(measureSpec);

        switch (specMode) {
            case MeasureSpec.UNSPECIFIED:
                result = size;
                break;
            case MeasureSpec.AT_MOST:
            case MeasureSpec.EXACTLY:
                result = specSize;
                break;
        }
        return result;
    }

能看到switch..case条件判断的三种模式，通过查询api说明MeasureSpec是这样的：
一个MeasureSpec封装了从父容器传递给子容器的布局需求，每一个MeasureSpec代表了一个宽度,或者高度的说明。
一个MeasureSpec是一个大小跟模式的组合值。一共有三种模式：
1、 UPSPECIFIED：父容器对于子容器没有任何限制,子容器想要多大就多大.
2、 EXACTLY：父容器已经为子容器设置了尺寸,子容器应当服从这些边界,不论子容器想要多大的空间.
3、 AT_MOST：子容器可以是声明大小内的任意大小.

那么父类传过来的size是怎么组合到MeasureSpec中呢？一起看下MeasureSpec这个类：注释已经去掉，

    private static final int MODE_SHIFT = 30;
    private static final int MODE_MASK  = 0x3 << MODE_SHIFT;
    public static final int UNSPECIFIED = 0 << MODE_SHIFT;
    public static final int EXACTLY     = 1 << MODE_SHIFT;
    public static final int AT_MOST     = 2 << MODE_SHIFT;

    public static int getMode(int measureSpec) {
        return (measureSpec & MODE_MASK);
    }
    public static int getSize(int measureSpec) {
        return (measureSpec & ~MODE_MASK);
    }

MODE_MASK这个变量是将16进制3向左移位30，那么

MODE_MASK结果是这样的11000000000000000000000000000000；

~MODE_MASK是MODE_MASK的取反00111111111111111111111111111111；

UNSPECIFIED就是32位的00000000000000000000000000000000；

EXACTLY移位结果就是01000000000000000000000000000000；

AT_MOST移位结果就是10000000000000000000000000000000。

因为只有3中结果，2位就可以搞定，所以用3来作为mask。

getMode就获取了形参的最高两位，getSize就获取了形参低30位，也就是测量的实际dimension。

然后来看下onLayout：

onLayout是ViewGroup的抽象方法，方法的声明是这样的

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

参数：

changed代表View相对于父布局位置或者大小是否发生变化

l代表View相对于父布局左边的间距

t代表View相对于父布局顶部的间距

r代表View相对于父布局右侧的间距

b代表View相对于父布局底部的间距

当onLayout被系统调用时，需要去给每个子view分配一个大小和size。来看个onLayout的demo：

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        final int count = this.getChildCount();
        for (int i = 0; i < count; i++) {
            View child = this.getChildAt(i);
            LayoutParams lp = (LayoutParams) child.getLayoutParams();
            child.layout(lp.x + lp.leftMargin, lp.y + lp.topMargin,
                    lp.x + lp.leftMargin + child.getMeasuredWidth(), lp.y + lp.topMargin + child.getMeasuredHeight());
        }
    }

这个重载的方法是绝对按照子view的leftMargin和topMargin去约束子View的位置。

好了，简单的一起看了下onMeasure和onLayout的实现，以后一起跟大家对View进行更深入的解读，一起学习，如有问题欢迎指正，谢谢大家。