看了上面的介紹，我們大概知道怎麼為我們的布局容器定義自己的布局屬性了吧，就不繞彎子了，按照下面的步驟做：

①. 大致明確布局容器的需求，初步定義布局屬性

在定義屬性之前要弄清楚，我們自定義的布局容器需要滿足那些需求，需要哪些屬性，比如，我們現在要實現像相對布局一樣，為子控件設置一個位置屬性layout_position=”“，來控制子控件在布局中顯示的位置。暫定位置有五種：左上、左下、右上、右下、居中。有了需求，我們就在attr.xml定義自己的布局屬性（和之前講的自定義屬性一樣的操作，不太了解的可以翻閱 《深入解析自定義屬性》。

left就代表是左上（按常理默認就是左上方開始，就不用寫leftTop了，簡潔一點），bottom左下，right 右上，rightAndBottom右下，center居中。屬性類型是枚舉，同時只能設置一個值。

②. 繼承LayoutParams，定義布局參數類

我們可以選擇繼承ViewGroup.LayoutParams，這樣的話我們的布局只是簡單的支持layout_width和layout_height；也可以繼承MarginLayoutParams，就能使用layout_marginxxx屬性了。因為後面我們還要用到margin屬性，所以這裡方便起見就直接繼承MarginLayoutParams了。
覆蓋構造方法，然後在有AttributeSet參數的構造方法中初始化參數值，這個構造方法才是布局文件被映射為對象的時候被調用的。

public static class CustomLayoutParams extends MarginLayoutParams {
       public static final int POSITION_MIDDLE = 0; // 中間
       public static final int POSITION_LEFT = 1; // 左上方
       public static final int POSITION_RIGHT = 2; // 右上方
       public static final int POSITION_BOTTOM = 3; // 左下角
       public static final int POSITION_RIGHTANDBOTTOM = 4; // 右下角

       public int position = POSITION_LEFT;  // 默認我們的位置就是左上角

       public CustomLayoutParams(Context c, AttributeSet attrs) {
             super(c, attrs);
            TypedArray a = c.obtainStyledAttributes(attrs,R.styleable.CustomLayout );
             //獲取設置在子控件上的位置屬性
             position = a.getInt(R.styleable.CustomLayout_layout_position ,position );

            a.recycle();
      }

       public CustomLayoutParams( int width, int height) {
             super(width, height);
      }

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

}

③. 重寫generateLayoutParams()

在ViewGroup中有下面幾個關於LayoutParams的方法，generateLayoutParams (AttributeSet attrs)是在布局文件被填充為對象的時候調用的，這個方法是下面幾個方法中最重要的，如果不重寫它，我麼布局文件中設置的布局參數都不能拿到。後面我也會專門寫一篇博客來介紹布局文件被添加到activity窗口的過程，裡面會講到這個方法被調用的來龍去脈。其他幾個方法我們最好也能重寫一下，將裡面的LayoutParams換成我們自定義的CustomLayoutParams類，避免以後會遇到布局參數類型轉換異常。

@Override
public LayoutParams generateLayoutParams(AttributeSet attrs) {
    return new CustomLayoutParams(getContext(), attrs);
}
@Override
protected ViewGroup.LayoutParams generateLayoutParams(ViewGroup.LayoutParams p) {
    return new CustomLayoutParams (p);
}
@Override
protected LayoutParams generateDefaultLayoutParams() {
    return new CustomLayoutParams (LayoutParams.MATCH_PARENT , LayoutParams.MATCH_PARENT);
}
@Override
protected boolean checkLayoutParams(ViewGroup.LayoutParams p) {
    return p instanceof CustomLayoutParams ;
}

④. 在布局文件中使用布局屬性

注意引入命名空間xmlns:openxu= "http://schemas.android.com/apk/res/包名"

⑤. 在onMeasure和onLayout中使用布局參數

經過上面幾步之後，我們運行程序，就能獲取子控件的布局參數了，在onMeasure方法和onLayout方法中，我們按照自定義布局容器的特殊需求，對寬度和位置坐特殊處理。這裡我們需要注意一下，如果布局容器被設置為包裹類容，我們只需要保證能將最大的子控件包裹住就ok，代碼注釋比較詳細，就不多說了。

 @Override
protected void onMeasure( int widthMeasureSpec, int heightMeasureSpec) { 
  //獲得此ViewGroup上級容器為其推薦的寬和高，以及計算模式  
 int widthMode = MeasureSpec. getMode(widthMeasureSpec); 
 int heightMode = MeasureSpec. getMode(heightMeasureSpec); 
 int sizeWidth = MeasureSpec. getSize(widthMeasureSpec); 
 int sizeHeight = MeasureSpec. getSize(heightMeasureSpec); 
 int layoutWidth = 0;
 int layoutHeight = 0;
      // 計算出所有的childView的寬和高
     measureChildren(widthMeasureSpec, heightMeasureSpec);

      int cWidth = 0;
      int cHeight = 0;
      int count = getChildCount(); 

      if(widthMode == MeasureSpec. EXACTLY){
            //如果布局容器的寬度模式是確定的（具體的size或者match_parent），直接使用父窗體建議的寬度
           layoutWidth = sizeWidth;
     } else{
            //如果是未指定或者wrap_content，我們都按照包裹內容做，寬度方向上只需要拿到所有子控件中寬度做大的作為布局寬度
            for ( int i = 0; i < count; i++)  { 
                  View child = getChildAt(i); 
              cWidth = child.getMeasuredWidth(); 
              //獲取子控件最大寬度
              layoutWidth = cWidth > layoutWidth ? cWidth : layoutWidth;
           }
     }
      //高度很寬度處理思想一樣
      if(heightMode == MeasureSpec. EXACTLY){
           layoutHeight = sizeHeight;
     } else{
            for ( int i = 0; i < count; i++)  { 
                  View child = getChildAt(i); 
                  cHeight = child.getMeasuredHeight();
                  layoutHeight = cHeight > layoutHeight ? cHeight : layoutHeight;
           }
     }

      // 測量並保存layout的寬高
     setMeasuredDimension(layoutWidth, layoutHeight);
}

@Override
protected void onLayout( boolean changed, int left, int top, int right,
            int bottom) {
      final int count = getChildCount();
      int childMeasureWidth = 0;
      int childMeasureHeight = 0;
     CustomLayoutParams params = null;
      for ( int i = 0; i < count; i++) {
           View child = getChildAt(i);
            // 注意此處不能使用getWidth和getHeight，這兩個方法必須在onLayout執行完，才能正確獲取寬高
           childMeasureWidth = child.getMeasuredWidth();
           childMeasureHeight = child.getMeasuredHeight();

           params = (CustomLayoutParams) child.getLayoutParams(); 
     switch (params. position) {
            case CustomLayoutParams. POSITION_MIDDLE:    // 中間
                 left = (getWidth()-childMeasureWidth)/2;
                 top = (getHeight()-childMeasureHeight)/2;
                  break;
            case CustomLayoutParams. POSITION_LEFT:      // 左上方
                 left = 0;
                 top = 0;
                  break;
            case CustomLayoutParams. POSITION_RIGHT:     // 右上方
                 left = getWidth()-childMeasureWidth;
                 top = 0;
                  break;
            case CustomLayoutParams. POSITION_BOTTOM:    // 左下角
                 left = 0;
                 top = getHeight()-childMeasureHeight;
                  break;
            case CustomLayoutParams. POSITION_RIGHTANDBOTTOM:// 右下角
                 left = getWidth()-childMeasureWidth;
                 top = getHeight()-childMeasureHeight;
                  break;
            default:
                  break;
           }

            // 確定子控件的位置，四個參數分別代表（左上右下）點的坐標值
           child.layout(left, top, left+childMeasureWidth, top+childMeasureHeight);
     }
}

運行效果：
下面幾個效果分別對應布局容器寬高設置不同的屬性的情況（設置match_parent 、設置200dip、設置）：
　　　　　　

從運行結果看，我們自定義的布局容器在各種寬高設置下都能很好的測量大小和擺放子控件。現在我們讓他支持margin屬性

3. 支持layout_margin屬性

如果我們自定義的布局參數類繼承自MarginLayoutParams，就自動支持了layout_margin屬性了，我們需要做的就是直接在布局文件中使用layout_margin屬性，然後再onMeasure和onLayout中使用margin屬性值測量和擺放子控件。需要注意的是我們測量子控件的時候應該調用measureChildWithMargin()方法。

布局文件：

onMeasure和onLayout：

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 
   // 獲得此ViewGroup上級容器為其推薦的寬和高，以及計算模式   
  int widthMode = MeasureSpec. getMode(widthMeasureSpec); 
  int heightMode = MeasureSpec. getMode(heightMeasureSpec); 
  int sizeWidth = MeasureSpec. getSize(widthMeasureSpec); 
  int sizeHeight = MeasureSpec. getSize(heightMeasureSpec); 
  int layoutWidth = 0;
  int layoutHeight = 0;
       int cWidth = 0;
       int cHeight = 0;
       int count = getChildCount(); 

       // 計算出所有的childView的寬和高
       for( int i = 0; i < count; i++){
            View child = getChildAt(i); 
            measureChildWithMargins(child, widthMeasureSpec, 0, heightMeasureSpec, 0);
      }
      CustomLayoutParams params = null;
       if(widthMode == MeasureSpec. EXACTLY){
             //如果布局容器的寬度模式時確定的（具體的size或者match_parent）
            layoutWidth = sizeWidth;
      } else{
             //如果是未指定或者wrap_content，我們都按照包裹內容做，寬度方向上只需要拿到所有子控件中寬度做大的作為布局寬度
             for ( int i = 0; i < count; i++)  { 
                   View child = getChildAt(i); 
               cWidth = child.getMeasuredWidth(); 
               params = (CustomLayoutParams) child.getLayoutParams(); 
               //獲取子控件寬度和左右邊距之和，作為這個控件需要占據的寬度
               int marginWidth = cWidth+params.leftMargin+params.rightMargin ;
               layoutWidth = marginWidth > layoutWidth ? marginWidth : layoutWidth;
            }
      }
       //高度很寬度處理思想一樣
       if(heightMode == MeasureSpec. EXACTLY){
            layoutHeight = sizeHeight;
      } else{
             for ( int i = 0; i < count; i++)  { 
                   View child = getChildAt(i); 
                   cHeight = child.getMeasuredHeight();
                   params = (CustomLayoutParams) child.getLayoutParams(); 
                   int marginHeight = cHeight+params.topMargin+params.bottomMargin ;
                   layoutHeight = marginHeight > layoutHeight ? marginHeight : layoutHeight;
            }
      }

       // 測量並保存layout的寬高
      setMeasuredDimension(layoutWidth, layoutHeight);
}

@Override
protected void onLayout( boolean changed, int left, int top, int right,
             int bottom) {
       final int count = getChildCount();
       int childMeasureWidth = 0;
       int childMeasureHeight = 0;
      CustomLayoutParams params = null;
       for ( int i = 0; i < count; i++) {
            View child = getChildAt(i);
             // 注意此處不能使用getWidth和getHeight，這兩個方法必須在onLayout執行完，才能正確獲取寬高
            childMeasureWidth = child.getMeasuredWidth();
            childMeasureHeight = child.getMeasuredHeight();
            params = (CustomLayoutParams) child.getLayoutParams(); 
      switch (params. position) {
             case CustomLayoutParams. POSITION_MIDDLE:    // 中間
                  left = (getWidth()-childMeasureWidth)/2 - params.rightMargin + params.leftMargin ;
                  top = (getHeight()-childMeasureHeight)/2 + params.topMargin - params.bottomMargin ;
                   break;
             case CustomLayoutParams. POSITION_LEFT:      // 左上方
                  left = 0 + params. leftMargin;
                  top = 0 + params. topMargin;
                   break;
             case CustomLayoutParams. POSITION_RIGHT:     // 右上方
                  left = getWidth()-childMeasureWidth - params.rightMargin;
                  top = 0 + params. topMargin;
                   break;
             case CustomLayoutParams. POSITION_BOTTOM:    // 左下角
                  left = 0 + params. leftMargin;
                  top = getHeight()-childMeasureHeight-params.bottomMargin ;
                   break;
             case CustomLayoutParams. POSITION_RIGHTANDBOTTOM:// 右下角
                  left = getWidth()-childMeasureWidth - params.rightMargin;
                  top = getHeight()-childMeasureHeight-params.bottomMargin ;
                   break;
             default:
                   break;
            }

             // 確定子控件的位置，四個參數分別代表（左上右下）點的坐標值
            child.layout(left, top, left+childMeasureWidth, top+childMeasureHeight);
      }

}

運行效果：
　　　　

好了，就寫到這裡，如果想嘗試設置其他屬性，比如above、below等，感興趣的同學可以嘗試一下哦~。其實也沒什麼難的，無非就是如果布局屬性定義的多，那麼在onMeasure和onLayout中考慮的問題就更多更復雜，自定義布局容器就是根據自己的需求，讓容器滿足我們特殊的擺放要求。

總結一下今天學習的內容，這篇博客主要學習了兩個知識點：
自定義ViewGroup的步驟：

①. 繼承ViewGroup，覆蓋構造方法
②. 重寫onMeasure方法測量子控件和自身寬高
③. 實現onLayout方法擺放子控件

為布局容器自定義布局屬性：

①. 大致明確布局容器的需求，初步定義布局屬性
②. 繼承LayoutParams，定義布局參數類
③. 重寫獲取布局參數的方法
④. 在布局文件中使用布局屬性
⑤. 在onMeasure和onLayout中使用布局參數