public class FlowLayout extends ViewGroup {
    private int mHorizonalSpace=8;
    private int mVerticalSpace=8;
    /** 當(dāng)前的流式布局不確定有幾行,可能有多行也可能沒有行.**/
    private List<Line> mLines=new ArrayList<Line>();
    private int mContainerWidth;
    private int mContainerHeight;
    /***
    行對象
    */
    private class Line
    {
        private int lineWidth=0;
        private int lineHeight=0;
        /**存放行的元素 **/
        private List<View> views=new ArrayList<View>();
        public int getLineWidth() {
            return lineWidth;
        }
        public int getLineHeight() {
            return lineHeight;
        }
        public List<View> getViews() {
            return views;
        }
        
        // 還需要支持往行里面添加元素
        public void addChild(View view) {
            // 如果當(dāng)前行不存在這個元素的話就把元素添加進來
            if (!views.contains(view)) {
                
                // 測量
                view.measure(0, 0);
                if (views.size() ==0) {
                    // 當(dāng)前只有一個元素的，寬與高就由它決定
                    lineWidth += view.getMeasuredWidth() + mHorizonalSpace;
                    lineHeight = view.getHeight();
                } else {
                    // 有不同高度的元素
                    lineWidth += view.getMeasuredWidth() + mHorizonalSpace;
                    lineHeight = Math.max(lineHeight, view.getMeasuredHeight());
                }
                views.add(view);
            }
        }
    }
    public FlowLayout(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        init(context);
    }
    /**.xml  畫頁面, 所見即所得 */
    public FlowLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(context);
    }
    /**.java  new FlowLayout(context)  動態(tài)輸出*/
    public FlowLayout(Context context) {
        super(context);
        init(context);
    }

    /*** 方法
    @param context
    */
    private void init(Context context) {
        //setBackgroundColor(Color.BLUE);
    
    }
    /*** 方法  一懈贺。測量
    @param widthMeasureSpec
    @param heightMeasureSpec
    */
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        mLines.clear();
        // 一弄抬。容器它是占滿屏幕
        
        mContainerWidth = MeasureSpec.getSize(widthMeasureSpec) - getPaddingLeft() - getPaddingRight();
        
        // 二。高度是由行數(shù)決定茬故， 所以針對所有控件進行測量寬高,分行就可以算出行數(shù)了.
        int childCount = getChildCount();
        Line currLine = null;
        for (int i = 0; i < childCount; i++) {
            // 獲取每個元素
            View child = getChildAt(i);
            // 測寬高
            child.measure(0, 0);
            int cHeight = child.getMeasuredHeight();
            int cWidth = child.getMeasuredWidth();
            //為第一個元素創(chuàng)建行
            if (mLines.size() == 0) {
                // 新建一行
                currLine = new Line();
                mLines.add(currLine);
            }
            //如果未滿一行往里添加
            int remainWidth = mContainerWidth - currLine.getLineWidth();
            if (remainWidth >=cWidth) {
                currLine.addChild(child);
            } else {//存放空間不夠再新建一行
                currLine = new Line();
                mLines.add(currLine);
                currLine.addChild(child);
            }
        }
        //累加高度
        
        mContainerHeight = 0;
        
        for (int i = 0; i < mLines.size(); i++) {
            if (i != (mLines.size() - 1)) {
                mContainerHeight += mLines.get(i).getLineHeight() + mVerticalSpace;
            } else {
                mContainerHeight += mLines.get(i).getLineHeight();
            }
        }
        // 使用包裹內(nèi)容的方式式把每一個元素計算出容器的寬與高,設(shè)置給當(dāng)前容器
        setMeasuredDimension(mContainerWidth, mContainerHeight);
    }
    /*** 方法 二。擺放  left top bottom right 
    @param changed
    @param l
    @param t
    @param r
    @param b
    */
    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {

        int lineLeft=0;
        int lineTop=0;
        for(int i=0;i<mLines.size();i++)
        {
            
            Line line = mLines.get(i);
            int eachViewSpace=(mContainerWidth-line.getLineWidth())/line.getViews().size();
            //容器空間
            if(i>0)
            {
                //第二行開始top要累加
                lineTop+=mLines.get(i-1).getLineHeight()+mVerticalSpace;
            }
            //對每一行中的元素進行擺放
            List<View> views = line.getViews();
            lineLeft=0;
            for(int index=0;index<views.size();index++)
            {
                //把里面的每一個
                View lineChild = views.get(index);
                if (index > 0) {
                    // 本行中的第二個元素
                    lineLeft = views.get(index - 1).getRight() + mHorizonalSpace;
                }
                int cWidth = lineChild.getMeasuredWidth();
                int cHeight = lineChild.getMeasuredHeight();
                int mode=MeasureSpec.EXACTLY;//80+10 andoid_layoutWidth="90dp"
                //創(chuàng)建measure使用數(shù)值的方式 MODE+SIZE
                int measureWidth=MeasureSpec.makeMeasureSpec(cWidth+eachViewSpace, mode);
                lineChild.measure(measureWidth, 0);//0代表使用包裹獲取寬高
                //擺放
                int cLeft=lineLeft;
                int cTop=lineTop;
                int cRight=cLeft+cWidth+eachViewSpace;
                int cBottom=cTop+cHeight;
                lineChild.layout(cLeft, cTop, cRight, cBottom);
            }
        }
    }
    /*** 方法 三。畫圖,一般不去重寫
    @param canvas
    */
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
    }

}