【自定义】ViewGroup初探

一、简述

ViewGroup：视图容器，顾名思义用于盛放视图的。

Android的6大布局，都是自定义ViewGroup，因为都继承了ViewGroup。

此文，先不介绍自定义ViewGroup，先观察一下6大布局是怎么重写ViewGroup的。

打开LinearLayout，ctrl+o操作，看一下类里面的方法和结构，除了有很多方法，还包含LayoutParams类。

依次打开其他布局，发现都有这个LayoutParams：布局参数。

二、ViewGroup中的LayoutParams（布局参数）

个人理解：存储子View的属性参数，描述自己多宽、多高等等，加入到ViewGroup。

布局参数，最基本的就是宽，高，当然也可以有其他参数，如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.wgl.share.share.MainActivity">
</LinearLayout>

LinearLayout在Android的attrs文件里必定有一个声明属性的标签，进入attrs.xml

<declare-styleable name="LinearLayout_Layout">
        <attr name="layout_width" />
        <attr name="layout_height" />
        <attr name="layout_weight" format="float" />
        <attr name="layout_gravity" />
    </declare-styleable>

RelativeLayout得到这些属性值，是靠TypeArray，进入RelativeLayout：

public class LinearLayout extends ViewGroup {
    //略......
    public static class LayoutParams extends ViewGroup.MarginLayoutParams {
        public LayoutParams(Context c, AttributeSet attrs) {
            super(c, attrs);
            TypedArray a = c.obtainStyledAttributes(attrs,
                    com.android.internal.R.styleable.RelativeLayout_Layout);
    //略......
  }

    public LayoutParams(int w, int h) {
            super(w, h);
        }

       
        public LayoutParams(ViewGroup.LayoutParams source) {
            super(source);
        }

        public LayoutParams(ViewGroup.MarginLayoutParams source) {
            super(source);
        }

  }
}

观察上面代码，我发现这个方法LayoutParams(int w, int h)，动态加载View时，设置宽高的，项目中很常见。

LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(10,10);
View view = new View(this);
view.setLayoutParams(params);
//设置图片
view.setBackgroundResouce(R.mipmap.a)
LinearLayout linearLayout = (LinearLayout) findViewById(R.id.linear);
linearLayout.addView(view);

注意：如果你给LinearLayout动态添加的View，就用LinearLayout.LayoutParams，根据布局而定。

想找一个完整的动态添加View，可以搜索：页面指示器。

三、自定义ViewGroup中的方法

1.onMeasure(...):View中的方法

测量方法，如果不重写，只会测量ViewGroup的宽和高，子View的宽高都为0。

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

这样会引起什么呢？子View无法显示，具体请往下看。

2.onLayout(...)：ViewGroup的方法，给子View安排位置，如下

protected void onLayout(boolean changed, int l, int t, int r, int b) {
        int left = 0;int top = 0; int right = 0; int bottom = 0;
        int count = getChildCount();
        for(int i = 0; i < count; i++){
            View child = getChildAt(i);
            right = left + child.getMeasuredWidth();
            bottom = top + child.getMeasuredHeight();
            child.layout(left, top, right, bottom);//给子view定位
        }
    }

请注意child.getMeasuredWith()和child.getMeasuredHeight()，如果onMeasure(...)方法没有测量子View的宽高，那么子View的左边距、上边距、右边距、下边距，都是0，肯定看不见的。

怎么解决？回到onMeasure(...)方法，修改如下：

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int count = getChildCount();
//        int childMeasuredWidth = 0;
//        int childMeasuredHeight = 0;
//        int childWidthMeasureSpec = 0;
//        int childHeightMeasureSpec = 0;
        for(int i = 0; i < count; i++){
            View child = getChildAt(i);
            //选择一种测量就行
            //系统推荐测量
            measureChild(child, widthMeasureSpec, heightMeasureSpec);
            //自己测量
//             childWidthMeasureSpec = MeasureSpec.makeMeasureSpec(100,MeasureSpec.EXACTLY);
//             childHeightMeasureSpec = MeasureSpec.makeMeasureSpec(100,MeasureSpec.EXACTLY);
//             child.measure(childWidthMeasureSpec, childHeightMeasureSpec);
        }
    }

两种测量方式的区别是什么？

a.系统测量，会根据布局的宽高设置模式，测量子View。

布局宽高设置了明确值或者macth_parent或者fill_parent，对应MeasureSpec.EXACTLY模式

布局宽高设置wrap_content，对应MeasureSpec.AT_MOST模式

MeasureSpec.UNSPECIFIED模式（很少用）

b.自己测量，makeMeasureSpec(int size, int mode)返回一个尺寸和模式的合成值（这个合成值是32位的，int类型。前2位表示mode，后30位表示size。），然后再用measure(宽的合成值，高的合成值)测量子view大小。

3.根据以上两点介绍，我们总结出：只有重写onMeasure，才能得到子View宽高，才能正常显示。可见测量方法，至关重要，还有一点，onMeasure方法，不是开始的时候就执行，onCreate，onStart，onResume执行完毕之后，他才会执行。