【自定义控件】自定义viewgroup，先拿着代码研究一下，mesure和layout是怎么用的

1：先在attr里面写好属性

<?xml version="1.0" encoding="UTF-8"?>

-<resources>

-<declare-styleable name="FlowLayout">

<attr name="android:gravity"/>

<attr name="horizonSpacing" format="dimension|reference"/>

</declare-styleable>

-<declare-styleable name="FlowLayout_Layout">

<attr name="android:layout_gravity"/>

</declare-styleable>

</resources>

2：写一段代码用用，往布局里面添加各种不同宽高的控件试试看效果

/*

• Copyright 2013 Blaz Solar*

• Licensed under the Apache License, Version 2.0 (the "License");

• you may not use this file except in compliance with the License.

• You may obtain a copy of the License at*

• http://www.apache.org/licenses/LICENSE-2.0*

• Unless required by applicable law or agreed to in writing, software

• distributed under the License is distributed on an "AS IS" BASIS,

• WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

• See the License for the specific language governing permissions and

• limitations under the License.*/

package com.zero.flowlayoutdemo;

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

import java.util.ArrayList;import java.util.List;

public class FlowLayout extends ViewGroup {

private static final String TAG = "Zero";
​
private List<View> lineViews;//每一行的子View
private List<List<View>> views;//所有的行 一行一行的存储
private List<Integer> heights;//每一行的高度

 

public FlowLayout(Context context) {
    this(context, null);
}
​
public FlowLayout(Context context, AttributeSet attrs) {
    this(context, attrs, 0);
}
​
public FlowLayout(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
}
​
private void init(){
    views = new ArrayList<>();
    lineViews = new ArrayList<>();
    heights = new ArrayList<>();
}

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec,heightMeasureSpec);
    int widthMode = MeasureSpec.getMode(widthMeasureSpec);
    int widthSize = MeasureSpec.getSize(widthMeasureSpec);
    int heightMode = MeasureSpec.getMode(heightMeasureSpec);
    int heightSize = MeasureSpec.getSize(heightMeasureSpec);
​
    //记录当前行的宽度和高度
    int lineWidth = 0;// 宽度是当前行子view的宽度之和
    int lineHeight = 0;// 高度是当前行所有子View中高度的最大值
​
    //整个流式布局的宽度和高度
    int flowlayoutWidth = 0;//所有行中宽度的最大值
    int flowlayoutHeight = 0;// 所以行的高度的累加
​
    //初始化参数列表
    init();
​
    //遍历所有的子View，对子View进行测量，分配到具体的行
    int childCount = this.getChildCount();
    for(int i = 0; i < childCount; i++){
​
        View child = this.getChildAt(i);
        //测量子View 获取到当前子View的测量的宽度/高度
        measureChild(child,widthMeasureSpec,heightMeasureSpec);
        //获取到当前子View的测量的宽度/高度
        int childWidth = child.getMeasuredWidth();
        int childHeight = child.getMeasuredHeight();
​
        LayoutParams lp = (LayoutParams) child.getLayoutParams();
        //看下当前的行的剩余的宽度是否可以容纳下一个子View,
        // 如果放不下，换行 保存当前行的所有子View,累加行高，当前的宽度，高度 置零
        if(lineWidth + childWidth > widthSize){//换行
            views.add(lineViews);
            lineViews = new ArrayList<>();//创建新的一行
            flowlayoutWidth = Math.max(flowlayoutWidth,lineWidth);
            flowlayoutHeight  += lineHeight;
            heights.add(lineHeight);
            lineWidth = 0;
            lineHeight = 0;
        }
        lineViews.add(child);
        lineWidth += childWidth;
        lineHeight = Math.max(lineHeight,childHeight);
​
    }
​
    //FlowLayout最终宽高
    setMeasuredDimension(widthMode == MeasureSpec.EXACTLY? widthSize:flowlayoutWidth
            ,heightMode == MeasureSpec.EXACTLY?heightSize:flowlayoutHeight);
​
}

@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
​
    int lineCount = views.size();
​
    int currX = 0;
    int currY = 0;
​
    for(int i = 0; i < lineCount; i++){//大循环，所有的子View 一行一行的布局
        List<View> lineViews = views.get(i);//取出一行
        int lineHeight = heights.get(i);// 取出这一行的高度值
        //遍历当前行的子View
        int size = lineViews.size();
        for(int j = 0 ; j < size ; j++ ){//布局当前行的每一个view
            View child = lineViews.get(j);
            int left = currX;
            int top = currY;
            int right = left + child.getMeasuredWidth();
            int bottom = top + child.getMeasuredHeight();
            child.layout(left,top,right,bottom);
            //确定下一个view的left
            currX += child.getMeasuredWidth();
        }
        currY += lineHeight;
        currX = 0;
    }
​
}
​
@Override
protected LayoutParams generateLayoutParams(ViewGroup.LayoutParams p) {
    return new LayoutParams(p);
}

@Override
public LayoutParams generateLayoutParams(AttributeSet attrs) {
    return new LayoutParams(getContext(), attrs);
}

@Override
protected LayoutParams generateDefaultLayoutParams() {
    return new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);
}
​
@Override
protected boolean checkLayoutParams(ViewGroup.LayoutParams p) {
    return super.checkLayoutParams(p) && p instanceof LayoutParams;
}

public static class LayoutParams extends MarginLayoutParams {
​
    public int gravity = -1;
​
    public LayoutParams(Context c, AttributeSet attrs) {
        super(c, attrs);
​
        TypedArray a = c.obtainStyledAttributes(attrs,R.styleable.FlowLayout_Layout);
        try{
           gravity = a.getInt(R.styleable.FlowLayout_Layout_android_layout_gravity,-1);
        }finally {
            a.recycle();
        }

    }
​
    public LayoutParams(int width, int height) {
        super(width, height);
    }
​
    public LayoutParams(ViewGroup.LayoutParams source) {
        super(source);
    }
​
    @Override
    public String toString() {
        return "LayoutParams{" +
                "gravity=" + gravity +
                ", bottomMargin=" + bottomMargin +
                ", leftMargin=" + leftMargin +
                ", rightMargin=" + rightMargin +
                ", topMargin=" + topMargin +
                ", height=" + height +
                ", width=" + width +
                "} ";
    }
}

}