Android自定义ViewGroup：实现简单的垂直方向线性布局（2）



Android自定义ViewGroup：实现简单的垂直方向线性布局（2）

附录文章1自定义了一个ViewGroup，该ViewGroup实现了一个线性布局，水平方向的。本文修改附录文章1中的MyLayout.java代码文件，作为演练，再次实现一个简单的线性布局，不过这次的线性布局是垂直方向上的。
附录文章1的全部代码均不用修改，只需要把MyLayout.java的某些地方代码调整，即可实现线性布局的垂直方向布局：

package zhangphil.layout;

import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import android.view.ViewGroup;

public class MyLayout extends ViewGroup {

    public MyLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    // 度量全部子view要占用的空间，宽和高
    //onMeasure被Android系统调用是在onLayout之前
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

        //所有子view加起来总的Measured Dimension高度和宽度
        int measuredWidth = 0;
        int measuredHeight = 0;

        int count = getChildCount();
        for (int i = 0; i < count; i++) {
            View v = getChildAt(i);
            if (v.getVisibility() != View.GONE) {
                measureChild(v, widthMeasureSpec, heightMeasureSpec);

                //measuredWidth += v.getMeasuredWidth();
                measuredWidth=Math.max(measuredWidth,v.getMeasuredWidth());

                measuredHeight += v.getMeasuredHeight();
                //measuredHeight=Math.max(measuredHeight, v.getMeasuredHeight());
            }
        }

        //仔细检查！不要疏忽掉一些padding的值
        measuredWidth += getPaddingLeft() + getPaddingRight();
        measuredHeight += getPaddingTop() + getPaddingBottom();

        //可选
        //measuredWidth = Math.max(measuredWidth, getSuggestedMinimumWidth());
        //measuredHeight = Math.max(measuredHeight, getSuggestedMinimumHeight());

        //另外一种set度量值的方法
        //setMeasuredDimension(resolveSize(measuredWidth, widthMeasureSpec),resolveSize(measuredHeight, heightMeasureSpec));

        setMeasuredDimension(measuredWidth, measuredHeight);
    }

    //Android系统在onMeasure之后调用onLayout
    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        //此时回调的参数l,t,r,b是上一步onMeasure计算出来的值。r是总宽度，b是总高度
        //我们在l,t,r,b这四个参数“框”出来的空间内一个一个摆放我们自己的子view

        int count = getChildCount();
        for (int i = 0; i < count; i++) {
            View v = getChildAt(i);
            if (v.getVisibility() != View.GONE) {
                int childWidth = v.getMeasuredWidth();
                int childHeight = v.getMeasuredHeight();

                //开始摆放
                v.layout(l, t, l + childWidth, t + childHeight);

                //把左边的锚定位置往右移
                //如果在垂直方向继续累加l偏移量，那么显示出来的三个子view呈现阶梯状。
                //l += childWidth;

                //垂直方向累计坐标量
                t += childHeight;
            }
        }
    }
}

代码运行结果：

如果把MyLayout里面的onMeasure里面的一段被注释掉的代码：
measuredWidth += v.getMeasuredWidth();
启用，同时在onLayout里面的一段被注释掉的代码：
l += childWidth;
启用，那么摆放出来的子view呈现阶梯状，如图所示：

附录文章：
1，《Android自定义ViewGroup：onMeasure与onLayout（1）》链接地址：http://blog.csdn.net/zhangphil/article/details/51191567