蚂蚁

蚂蚁

Android自定义View之onLayout

onLayout


 写过自定义ViewGroup的都知道,当自定义一个类继承ViewGroup之后,必须要重写的一个方法就是onLayout。
那么onLayout有什么样的作用呢?为什么自定义ViewGroup就需要重写该方法,自定义View则不需要重写该方法?
疑问出在ViewGroup的onLayout里,那我们就从这里入手,逐一去分析各中原由。
 首先,进入到ViewGruop代码我们看到onLayout()是一个抽象方法,所以在子类实现中我们必须要重写该方法,并且是重写于父类的方法,
所以该方法的具体调用应该是在父类中。

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

 在ViewGroup中还有一个方法layout,是被final修饰的,说明该方法不能被子类重写。

public final void layout(int l, int t, int r, int b) {
        if (!mSuppressLayout && (mTransition == null || !mTransition.isChangingLayout())) {
            if (mTransition != null) {
                mTransition.layoutChange(this);
            }
            super.layout(l, t, r, b);
        } else {
            // record the fact that we noop'd it; request layout when transition finishes
            mLayoutCalledWhileSuppressed = true;
        }
    }

 这里主要关注它实际上只是调用了父类的layout方法,为了让代码看起来更加清晰,这里只贴出View的layout关键的代码。

public void layout(int l, int t, int r, int b) {
  ......
/*setFrame实际上就是根据四个坐标值设置了当前View本身的layout,所以View的layout已经自己设置好了自己的位置,
 *ViewGroup实际继承自View,通过调用父类的layout也完成了自身layout的设置。
*/
boolean changed = isLayoutModeOptical(mParent) ?
                setOpticalFrame(l, t, r, b) : setFrame(l, t, r, b);
//接着我们看到,在layout内,在设置完自身的layout之后调用了onLayout,而onLayout就是在我们自定义ViewGroup时需要去实现的方法
if (changed || (mPrivateFlags & PFLAG_LAYOUT_REQUIRED) == PFLAG_LAYOUT_REQUIRED) {
    onLayout(changed, l, t, r, b);
    }
    ......
}

 其实,onLayout就是ViewGroup用来设置内部子View的位置的方法,在onLayout方法内,需要依次遍历childView,并调用childView的layout(l, t, r, b)方法来为每个子View设置具体的布局位置,参数为左上右下四个坐标值。那么这四个坐标值如何设置呢?此处四个坐标位置理论上是可以随便设置的,但是为了达到对应的布局效果,通常是根据measure测量之后得到的View的尺寸来计算相应的坐标值。这里我通过模拟LinearLayout的横向布局和纵向布局的onLayout方法来看下具体怎么去写onLayout。
 (补充一点:onMeasure的作用:测量View的尺寸大小,为layout(View的布局位置)提供参考(这里用参考来描述是因为layout(l,t,r,b)
的几个坐标值是可以随便设置的,只是随便设置可能布局比较乱或者可能会出现重叠等等,所以一般还是根据布局需求,参考view的尺寸进行设置))

@Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        if (mOrientation == LinearLayout.VERTICAL) {
            layoutVertical(l, t, r ,b);//纵向LinearLayout
        } else {
            layoutHorizontal(l, t, r ,b);//横向LinearLayout
        }
    }

    private void layoutVertical(int l, int t, int r, int b) {
        int top = 0;
        int childCount = getChildCount();
        for (int i = 0; i < childCount; i++) {
            View childView = getChildAt(i);
            int width = childView.getMeasuredWidth();
            int height = childView.getMeasuredHeight();
            //纵向位置均为从0到height,横向需要不断累加width(上一个子view的左下点为当前子view的左上顶点)
            childView.layout(0, top, width, top + height);
            top += height;
        }
    }

    private void layoutHorizontal(int l, int t, int r, int b) {
        int left = 0;
        int childCount = getChildCount();
        for (int i = 0; i < childCount; i++) {
            View childView = getChildAt(i);
            int width = childView.getMeasuredWidth();
            int height = childView.getMeasuredHeight();
            //横向位置均为从0到width,纵向需要不断累加height(上一个子View的右上顶点为当前View的左上顶点)
            childView.layout(left, 0, left + width, height);
            left += width;
        }
    }

 在onLayout方法中,设置layout的四个坐标值(左上右下)时,为了达到需要的布局排列效果,通常是根据子View的尺寸来计算四个坐标值。
 在上面的例子中,可以看到,通过getMeasuredWidth()和getMeasuredHeight()来分别获取到了childView的寬高。在开发过程中,我们可能还会看到这样的两个方法getWidth()和getHeight(),这也是获得View寬高的方法,那么二者有什么区别吗?上面onLayout可以使用getWidth()和getHeight()来代替getMeasuredWidth()和getMeasuredHeight()吗?
 答案是不行!你可以试试看。


 下面我们就来看看getMeasuredWidth()、getMeasuredHeight()与getWidth()、getHeight()存在什么样的差别。
二话不说上源码,相信一看代码你就立马明白了。

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

 这里看过View的测量onMeasure方法原理的一看就能看明白此处是如何获取的寬高,这里简单说一下mMeasuredWidth、mMeasuredHeight两个值便是onMeasure方法设置最终的View的尺寸大小的方法setMeasuredDimension(int measuredWidth, int measuredHeight)传入的两个值。详细的onMeasure的原理可以移步自定义View之onMeasure原理解析
下面再看下getWidth()和getHeight()

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

 这一看left、right、top、bottom就能立马想到这就是layout方法传入的四个坐标值,不信你可以看看,它在setFrame(int left, int top, int right, int bottom)
里赋的值。而setFrame()不就是之前说过的设置自身布局位置的方法么。

小结:

  1. 看到这里应该明白了吧,getMeasuredWidth、getMeasuredHeight经过measure测量之后才能获取到的。
    而getWidth、getHeight是经过layout设置过view布局位置之后才能获取到。所以,在onLayout使用getWidth和getHeight是不能得到对应的寬高的。
  2. 通常情况下,getWidth、getHeight和getMeasureWidth、getMeasureHeight得到的值是一致的,但是layout的
    四个坐标点是可以随便设置的,不一定会根据measure测量的大小对应来设置,所以两种方式存在不等的情况。

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/wsq_tomato/article/details/80323719
个人分类: Android
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

Android自定义View之onLayout

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭