Android 自定义ViewGroup

　　之前学习总结了如何自定义View，今天来总结下如何自定义ViewGroup。
　　学习ViewGroup之前，首先我们要先学会了解，什么是ViewGroup，ViewGroup是干什么的，然后我们再去学习如何自定义ViewGroup。

ViewGroup简介

我们首先看一下官方API的介绍：

　　从API我们可以看出ViewGroup包含如下子类： AbsoluteLayout, AdapterView, CoordinatorLayout, DrawerLayout, FragmentBreadCrumbs, FrameLayout, GridLayout, LinearLayout, LinearLayoutCompat, PagerTitleStrip, RecyclerView, RelativeLayout, ShadowOverlayContainer, SlidingDrawer, SlidingPaneLayout, SwipeRefreshLayout, Toolbar, TvView, ViewPager 。可能大家并不是都认识这些，但标黑的部分一定认识。
　　
　　ViewGroup就是布局的容器，它内部可以放置很多ChildView。
　　

ViewGroup职责

一、ViewGroup职责

　　ViewGroup的职责就是存放ChildView，通过xml布局文件中给定的ViewGroup的尺寸以及ChildView的尺寸，计算出ChildView的位置。这是我自己的理解。以下是张鸿洋大神对ViewGroup职责的解释：

　　ViewGroup相当于一个放置View的容器，并且我们在写布局xml的时候，会告诉容器（凡是以layout为开头的属性，都是为用于告诉容器的），我们的宽度（layout_width）、高度（layout_height）、对齐方式（layout_gravity）等；当然还有margin等；于是乎，ViewGroup的职能为：给childView计算出建议的宽和高和测量模式 ；决定childView的位置；为什么只是建议的宽和高，而不是直接确定呢，别忘了childView宽和高可以设置为wrap_content，这样只有childView才能计算出自己的宽和高。
　　　　　　　　　　　　　　　　　　　——【张鸿洋的博客】《Android 手把手教您自定义ViewGroup（一） 》

二、View职责

　　这里为了更好的理解VIE我Group的职责，我们区别一下View的职责。

　　View的职责，根据测量模式和ViewGroup给出的建议的宽和高，计算出自己的宽和高；同时还有个更重要的职责是：在ViewGroup为其指定的区域内绘制自己的形态。
　　　　　　　　　　　　　　　　　　　——【张鸿洋的博客】《Android 手把手教您自定义ViewGroup（一） 》

二、LayoutParams职责

　　从API可以看到LayoutParams是ViewGroup中的一个内部类，该类是为该ViewGroup指定其内部的ChildView可以使用哪些属性。还是引用大神的解释：
　　

　　ViewGroup和LayoutParams之间的关系：大家可以回忆一下，当在LinearLayout中写childView的时候，可以写layout_gravity，layout_weight属性；在RelativeLayout中的childView有layout_centerInParent属性，却没有layout_gravity，layout_weight，这是为什么呢？这是因为每个ViewGroup需要指定一个LayoutParams，用于确定支持childView支持哪些属性，比如LinearLayout指定LinearLayout.LayoutParams等。如果大家去看LinearLayout的源码，会发现其内部定义了LinearLayout.LayoutParams，在此类中，你可以发现weight和gravity的身影。
　　　　　　　　　　　　　　　　　　　——【张鸿洋的博客】《Android 手把手教您自定义ViewGroup（一） 》

自定义ViewGroup的创建

1. 定义一个MyViewGroup继承ViewGroup。

2. 就像自定义View一样，我们继承View后必须实现其中的View(Context context, AttributeSet attrs)构造器。自定义ViewGroup也需要实现它的ViewGroup(Context context, AttributeSet attrs)构造器，与xml布局文件建立联系。

3. 重写onMeasure(int widthMeasureSpec, int heightMeasureSpec)方法。该方法是在构造器调用之后创建完ViewGroup之后调用的，通过xml布局文件中提供的尺寸来获取自己的宽和高，然后通过内部调用方法measureChildren(widthMeasureSpec, heightMeasureSpec)来获得xml布局文件中ChildView的尺寸模式以及宽和高。

4. 重写onLayout(boolean changed, int left, int top, int right, int bottom)，这个方法提供了5个参数：

• boolean changed：是指提供的size是否是最新的对于当前的View。
• int left：左上角x轴的尺寸。
• int top：左上角y周的尺寸。
• int right：右下角x轴的尺寸。

• int bottom：右下角y轴的尺寸。

  　　重写onLayout()方法，在其内部定义ChildView在ViewGroup中的位置。

//步骤一：定义一个MyViewGroup继承ViewGrouppublic class MyViewGroup extends ViewGroup {    private int width;//ViewGroup的宽    private int height;//ViewGroup的高    //步骤二：构造器    public MyViewGroup(Context context) {        super(context);    }    public MyViewGroup(Context context, AttributeSet attrs) {        super(context, attrs);    }    //步骤三：重写onMeasure()方法    @Override    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {        super.onMeasure(widthMeasureSpec, heightMeasureSpec);        //通过上一层布局获取自己的高度，宽度，以及测量模式        width = getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec);        height = getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec);        // 计算出所有的childView的宽和高        measureChildren(widthMeasureSpec, heightMeasureSpec);    }    //步骤四：onLayout()方法    @Override    protected void onLayout(boolean changed, int l, int t, int r, int b) {        /*        该ViewGrop中只包含4个ChildView.         */        View child1 = getChildAt(0);//获得第一个子布局        View child2 = getChildAt(1);//获得第二个子布局        View child3 = getChildAt(2);//获得第三个子布局        View child4 = getChildAt(3);//获得第四个子布局        if (child1 != null) {            //第一个ChildView位置左上角            child1.layout(0, 0, child1.getMeasuredWidth(), child1.getMeasuredHeight());        }        if (child2 != null) {            //第二个ChildView位于右上角            child2.layout(r - child2.getMeasuredWidth(), 0, r, child2.getMeasuredHeight());        }        if (child3 != null) {            //第三个ChildView位于左下角            child3.layout(0, b - child3.getMeasuredHeight(), child3.getMeasuredWidth(), b);        }        if (child4 != null) {            //第四个ChildView位于右下角            child4.layout(r - child4.getMeasuredWidth(), b - child4.getMeasuredHeight(), r, b);        }    }  }

自定义ViewGroup的使用

　　我们的自定义的ViewGroup已经创建好了，我们在xml 布局文件中测试一下：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical"    tools:context="com.example.administrator.mywidgetdemo.activity.ViewGroupActivity">    <com.example.administrator.mywidgetdemo.viewgroup.MyViewGroup        android:layout_width="match_parent"        android:layout_height="match_parent">        <ImageView            android:layout_width="100dp"            android:layout_height="100dp"            android:background="@mipmap/bb"/>        <ImageView            android:layout_width="200dp"            android:layout_height="300dp"            android:background="@mipmap/bb"/>        <ImageView            android:layout_width="200dp"            android:layout_height="250dp"            android:background="@mipmap/cc"/>        <ImageView            android:layout_width="100dp"            android:layout_height="150dp"            android:background="@mipmap/dd"/>    </com.example.administrator.mywidgetdemo.viewgroup.MyViewGroup></LinearLayout>

　　这里放置了四张图片,效果如下：