Android自定义ViewGroup之第一次接触ViewGroup

整理总结自鸿洋的博客：
 一、com.cctvjiatao.customviewgroup.act.mainactivity.java
 需求：我们定义一个viewgroup，内部可以传入0到4个childview，分别依次显示在左上角，右上角，左下角，右下角

public class mainactivity extends appcompatactivity {

 @override
 protected void oncreate(bundle savedinstancestate) {
  super.oncreate(savedinstancestate);
  setcontentview(r.layout.activity_main);
//  setcontentview(r.layout.activity_main2);
//  setcontentview(r.layout.activity_main3);
 }
}

二、com.cctvjiatao.customviewgroup.view.customviewgroup.java
 一）、viewgroup是是什么？作用呢？
1、它相当于放置view的容器。xml布局文件中，凡是以“layout”开头的属性都是和viewgroup（即容器）相关的，比如高度（layout_height）、宽度（layout_width）、对齐方式（layout_gravity）等；
2、它给childview计算出建议的宽、高和测量模式，决定childview的位置；
为什么是“建议的宽、高”而不是直接确定呢？因为当childview的宽、高设置为wrap_content时，只有childview自己才能计算出自己的宽和高。
 二）、view的作用是什么？
1、它根据测量模式和viewgroup给出的建议的宽、高，计算出自己的宽、高；
2、在viewgroup为其指定的区域内绘制自己的形态；
三）、view的三种测量模式
1、exactly：表示设置了精确的值，一般当childview设置其宽高为精确值、match_parent时，viewgroup会将其设置为exactly；
2、at_most：表示子布局被限制在一个最大值内，一般当childview设置其宽、高为wrap_content时，viewgroup会将其设置为at_most；
3、unspecified：表示子布局想要多大就多大，一般出现在aadapterview的item的heightmode中、scrollview的childview的heightmode中；此种模式比较少见。
四）、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的身影。
五）、从api角度分析viewgroup和view的作用
view 根据 viewgroup 传入的测量值和测量模式，确定自己的宽、高（在onmeasure中完成），然后在ondraw中完成对自己的绘制；
viewgroup需要给view传入view的测量值和测量模式（在onmeasure中完成），而且对于此viewgroup的父布局，viewgroup也要在onmeasure中完成对自己宽、高的确定；
viewgroup需要再onlayout中完成对其childview的位置的指定。

public class customviewgroup extends viewgroup {

 public customviewgroup(context context) {
  super(context);
 }

 public customviewgroup(context context, attributeset attrs) {
  super(context, attrs);
 }

 public customviewgroup(context context, attributeset attrs, int defstyleattr) {
  super(context, attrs, defstyleattr);
 }

 /**
  * 一、重写generatelayoutparams，确定该viewgroup的layoutparams
  * 返回marginlayoutparams的实例，这样就为我们的viewgroup指定了其layoutparams为marginlayoutparams
  */
 @override
 public layoutparams generatelayoutparams(attributeset attrs) {
  return new marginlayoutparams(getcontext(), attrs);
 }

 /**
  * 二、计算所有childview的宽度和高度 然后根据childview的计算结果，设置自己的宽和高
  */
 @override
 protected void onmeasure(int widthmeasurespec, int heightmeasurespec) {
  //1、获得此viewgroup上级容器为其推荐的宽和高，以及计算模式
  int widthmode = measurespec.getmode(widthmeasurespec);
  int heightmode = measurespec.getmode(heightmeasurespec);
  int sizewidth = measurespec.getsize(widthmeasurespec);
  int sizeheight = measurespec.getsize(heightmeasurespec);
  // 2、计算出所有的childview的宽和高
  measurechildren(widthmeasurespec, heightmeasurespec);
  // 3、如果viewgroup布局是wrap_content时，根据childview的尺寸，计算容器的宽和高
  int width = 0;//viewgroup的宽度
  int height = 0;//viewgroup的高度
  int ccount = getchildcount();//childview的数量
  int cwidth = 0;//childview的总宽度
  int cheight = 0;//childview的总高度
  marginlayoutparams cparams = null;//view的测量模式
  int lheight = 0;// 用于计算左边两个childview的高度
  int rheight = 0;// 用于计算右边两个childview的高度，最终高度取二者之间大值
  int twidth = 0;// 用于计算上边两个childview的宽度
  int bwidth = 0;// 用于计算下面两个childiew的宽度，最终宽度取二者之间大值
  for (int i = 0; i < ccount; i++) {
   view childview = getchildat(i);
   cwidth = childview.getmeasuredwidth();
   cheight = childview.getmeasuredheight();
   cparams = (marginlayoutparams) childview.getlayoutparams();
   if (i == 0 || i == 1) {// 上面两个childview
    twidth += cwidth + cparams.leftmargin + cparams.rightmargin;
   }
   if (i == 2 || i == 3) {// 下面两个childview
    bwidth += cwidth + cparams.leftmargin + cparams.rightmargin;
   }
   if (i == 0 || i == 2) {// 左面两个childview
    lheight += cheight + cparams.topmargin + cparams.bottommargin;
   }
   if (i == 1 || i == 3) {// 右面两个childview
    rheight += cheight + cparams.topmargin + cparams.bottommargin;
   }
  }
  width = math.max(twidth, bwidth);//取最大宽度
  height = math.max(lheight, rheight);//去最大高度
  //4、如果是wrap_content设置为我们计算的值;否则直接设置为父容器计算的值
  setmeasureddimension(
    (widthmode == measurespec.exactly) ? sizewidth : width,
    (heightmode == measurespec.exactly) ? sizeheight : height
  );
 }

 /**
  * 三、重写onlayout，对其所有childview进行定位（设置childview的绘制区域）
  */
 @override
 protected void onlayout(boolean changed, int l, int t, int r, int b) {
  int ccount = getchildcount();
  int cwidth = 0;
  int cheight = 0;
  marginlayoutparams cparams = null;
  //遍历所有childview根据其宽和高，以及margin进行布局
  for (int i = 0; i < ccount; i++) {
   view childview = getchildat(i);
   cwidth = childview.getmeasuredwidth();
   cheight = childview.getmeasuredheight();
   cparams = (marginlayoutparams) childview.getlayoutparams();
   int cl = 0, ct = 0, cr = 0, cb = 0;
   switch (i) {
    case 0:
     cl = cparams.leftmargin;
     ct = cparams.topmargin;
     break;
    case 1:
     cl = getwidth() - cwidth - cparams.leftmargin - cparams.rightmargin;
     ct = cparams.topmargin;
     break;
    case 2:
     cl = cparams.leftmargin;
     ct = getheight() - cheight - cparams.bottommargin;
     break;
    case 3:
     cl = getwidth() - cwidth - cparams.leftmargin - cparams.rightmargin;
     ct = getheight() - cheight - cparams.bottommargin;
     break;
   }
   cr = cl + cwidth;
   cb = cheight + ct;
   childview.layout(cl, ct, cr, cb);
  }
 }
}

三、三种布局
 activity_main.xml

<com.cctvjiatao.customviewgroup.view.customviewgroup xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="200dp"
 android:layout_height="200dp"
 android:background="#aa333333">

 <textview
  android:layout_width="50dp"
  android:layout_height="50dp"
  android:background="#ff4444"
  android:gravity="center"
  android:text="0"
  android:textcolor="#ffffff"
  android:textsize="22sp"
  android:textstyle="bold" />

 <textview
  android:layout_width="50dp"
  android:layout_height="50dp"
  android:background="#00ff00"
  android:gravity="center"
  android:text="1"
  android:textcolor="#ffffff"
  android:textsize="22sp"
  android:textstyle="bold" />

 <textview
  android:layout_width="50dp"
  android:layout_height="50dp"
  android:background="#ff0000"
  android:gravity="center"
  android:text="2"
  android:textcolor="#ffffff"
  android:textsize="22sp"
  android:textstyle="bold" />

 <textview
  android:layout_width="50dp"
  android:layout_height="50dp"
  android:background="#0000ff"
  android:gravity="center"
  android:text="3"
  android:textcolor="#ffffff"
  android:textsize="22sp"
  android:textstyle="bold" />

</com.cctvjiatao.customviewgroup.view.customviewgroup>

activity_main2.xml

<com.cctvjiatao.customviewgroup.view.customviewgroup xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:background="#aa333333">

 <textview
  android:layout_width="150dp"
  android:layout_height="150dp"
  android:background="#e5ed05"
  android:gravity="center"
  android:text="0"
  android:textcolor="#ffffff"
  android:textsize="22sp"
  android:textstyle="bold" />

 <textview
  android:layout_width="50dp"
  android:layout_height="50dp"
  android:background="#00ff00"
  android:gravity="center"
  android:text="1"
  android:textcolor="#ffffff"
  android:textsize="22sp"
  android:textstyle="bold" />

 <textview
  android:layout_width="50dp"
  android:layout_height="50dp"
  android:background="#ff0000"
  android:gravity="center"
  android:text="2"
  android:textcolor="#ffffff"
  android:textsize="22sp"
  android:textstyle="bold" />

 <textview
  android:layout_width="50dp"
  android:layout_height="50dp"
  android:background="#0000ff"
  android:gravity="center"
  android:text="3"
  android:textcolor="#ffffff"
  android:textsize="22sp"
  android:textstyle="bold" />

</com.cctvjiatao.customviewgroup.view.customviewgroup>

activity_main3.xml

<com.cctvjiatao.customviewgroup.view.customviewgroup 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:background="#aa333333">

 <textview
  android:layout_width="150dp"
  android:layout_height="150dp"
  android:background="#e5ed05"
  android:gravity="center"
  android:text="0"
  android:textcolor="#ffffff"
  android:textsize="22sp"
  android:textstyle="bold" />

 <textview
  android:layout_width="50dp"
  android:layout_height="50dp"
  android:background="#00ff00"
  android:gravity="center"
  android:text="1"
  android:textcolor="#ffffff"
  android:textsize="22sp"
  android:textstyle="bold" />

 <textview
  android:layout_width="50dp"
  android:layout_height="50dp"
  android:background="#ff0000"
  android:gravity="center"
  android:text="2"
  android:textcolor="#ffffff"
  android:textsize="22sp"
  android:textstyle="bold" />

 <textview
  android:layout_width="150dp"
  android:layout_height="150dp"
  android:background="#0000ff"
  android:gravity="center"
  android:text="3"
  android:textcolor="#ffffff"
  android:textsize="22sp"
  android:textstyle="bold" />

</com.cctvjiatao.customviewgroup.view.customviewgroup>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。