流式布局的实现-3-onLayout

在这一篇中，我们主要是来实现FlowLayout中的onLayout函数。为子View进行布局，即确定子View在ViewGroup中的位置；和onMeasure一样，将onLayout分成多个部分进行分析。

第一部分及与之相关联的变量:

    // 存储所有的View    private List<List<View>> mAllViews = new ArrayList<List<View>>();    //每一行的高度    private List<Integer> mLineHeight = new ArrayList<Integer>();

每一个变量的意义在注释中都有详细的解释，mAllViews相当于一个二维的View数组.

        mAllViews.clear();        mLineHeight.clear();        // 当前ViewGroup的宽度        int width = getWidth();        //每一行的宽高        int lineWidth = 0;        int lineHeight = 0;        //同一行的View放在一个List中        List<View> lineViews = new ArrayList<View>();       //总的子View个数        int cCount = getChildCount();

第二部分：计算每一行的高度和确定每一行的View

  for (int i = 0; i < cCount; i++)        {            View child = getChildAt(i);            MarginLayoutParams lp = (MarginLayoutParams) child                    .getLayoutParams();             int childWidth = child.getMeasuredWidth();            int childHeight = child.getMeasuredHeight();             // 如果需要换行            if (childWidth + lineWidth + lp.leftMargin + lp.rightMargin > width - getPaddingLeft() - getPaddingRight())            {                // 记录LineHeight                mLineHeight.add(lineHeight);                // 记录当前行的Views                mAllViews.add(lineViews);                 // 重置我们的行宽和行高                lineWidth = 0;                lineHeight = childHeight + lp.topMargin + lp.bottomMargin;                // 重置我们的View集合                lineViews = new ArrayList<View>();            }            lineWidth += childWidth + lp.leftMargin + lp.rightMargin;            lineHeight = Math.max(lineHeight, childHeight + lp.topMargin                    + lp.bottomMargin);            lineViews.add(child);         }// for end            // 处理最后一行        mLineHeight.add(lineHeight);        mAllViews.add(lineViews);

这一部分与onMeasure的第三部分相似：首先获得子View，并测量子View的宽高。根据与ViewGroup的宽来判断是否需要换行。如果需要换行的话，就将之前计算这一行的高度与子View的加到mLineHeigh与mAllViews中，并重置行宽，行高和View集合。将新View的宽加入行宽，高与行高相比较，并加入到View的行集合中。因为最后一行不会大于行宽，所以没有for中加上，那么在for结束出来的时候就要加上最后一行。

第三部分：设置子View的位置

int left = getPaddingLeft();        int top = getPaddingTop();         // 行数        int lineNum = mAllViews.size();         for (int i = 0; i < lineNum; i++)        {            // 当前行的所有的View            lineViews = mAllViews.get(i);            lineHeight = mLineHeight.get(i);             for (int j = 0; j < lineViews.size(); j++)            {                View child = lineViews.get(j);                // 判断child的状态                if (child.getVisibility() == View.GONE)                {                    continue;                }                 MarginLayoutParams lp = (MarginLayoutParams) child                        .getLayoutParams();                 int lc = left + lp.leftMargin;                int tc = top + lp.topMargin;                int rc = lc + child.getMeasuredWidth();                int bc = tc + child.getMeasuredHeight();                 // 为子View进行布局                child.layout(lc, tc, rc, bc);                 left += child.getMeasuredWidth() + lp.leftMargin                        + lp.rightMargin;//也可用rc来更新            }            left = getPaddingLeft() ;             top += lineHeight ;         }

将子View一行一行的设置，即先从mAllViews中获得一行的View，将一行的子View计算依次获得上下左右四个位置，而同一行的View的top与bottom是相同的，right可以通过left来获得，而同一行中下一个子View的left始终是上一个left加上左右边距。而行与行的之间的top和bottom是由mLineHeight中获得的高度和上下边距确定下来的。