在Android上填写FlowLayout的空白区域

时间:2012-12-26 21:38:57

标签: java android flowlayout fill-parent

我正在创建一个具有流程布局的应用。我在网上找到的FlowLayout实现(我不记得确切地从哪里开始)。现在,当我的布局宽度大于其子宽度的总和时,我需要填充空白空间,给每个宽度合适。我试图给它们MATCH_PARENT作为宽度,但它没有用,每个元素都是从“新行”创建的。
请帮我解决问题。提前谢谢。

这是一个FlowLayout类实现,我使用它:

public class FlowLayout extends ViewGroup {
public static final String TAG = FlowLayout.class.getSimpleName();

private int mHorizontalSpacing = 10;
private int mVerticalSpacing = 10;

public FlowLayout(Context context) {
    super(context);
}

public FlowLayout(Context context, AttributeSet attrs) {
    super(context, attrs);

    TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.FlowLayout);
    try {
        mHorizontalSpacing = a.getDimensionPixelSize(R.styleable.FlowLayout_horizontalSpacing, 0);
        mVerticalSpacing = a.getDimensionPixelSize(R.styleable.FlowLayout_verticalSpacing, 0);
    } finally {
        a.recycle();
    }
}

@Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    int widthSize = MeasureSpec.getSize(widthMeasureSpec);

    int width = 0;
    int height = getPaddingTop();

    int currentWidth = getPaddingLeft();
    int currentHeight = 0;

    boolean breakLine = false;

    final int count = getChildCount();

    Log.d(TAG, "child count = " + count);

    for (int i = 0; i < count; i++) {
        View child = getChildAt(i);
        LayoutParams lp = (LayoutParams) child.getLayoutParams();
        measureChild(child, widthMeasureSpec, heightMeasureSpec);

        Log.d(TAG, "child " + i + " mw=" + child.getMeasuredWidth() + " mh=" + child.getMeasuredHeight());

        if (breakLine || currentWidth + child.getMeasuredWidth() > widthSize) {
            height += currentHeight + mVerticalSpacing;
            currentHeight = 0;
            if (currentWidth > width) width = currentWidth;
            currentWidth = getPaddingLeft();
        }

        int spacing = mHorizontalSpacing;
        if (lp.spacing != Integer.MAX_VALUE) {
            spacing = lp.spacing;
        }

        lp.x = currentWidth;
        lp.y = height;

        Log.d(TAG, "child " + i + " x=" + lp.x + " y=" + lp.y);

        currentWidth += child.getMeasuredWidth() + spacing;
        int childHeight = child.getMeasuredHeight();
        if (childHeight > currentHeight) currentHeight = childHeight;

        breakLine = lp.breakLine;
    }

    // after last row (patched by yuku)
    {
        height += currentHeight;
        if (currentWidth > width) width = currentWidth;
    }

    width += getPaddingRight();
    height += getPaddingBottom();

    Log.d(TAG, "onMeasure w=" + width + " h=" + height + " widthMeasureSpec=" + Integer.toHexString(widthMeasureSpec) + " heightMeasureSpec=" + Integer.toHexString(heightMeasureSpec));

    // don't resolve height (patched by yuku)
    setMeasuredDimension(resolveSize(width, widthMeasureSpec), resolveSize(height, heightMeasureSpec));
}

@Override protected void onLayout(boolean changed, int l, int t, int r, int b) {
    final int count = getChildCount();
    for (int i = 0; i < count; i++) {
        View child = getChildAt(i);
        LayoutParams lp = (LayoutParams) child.getLayoutParams();
        child.layout(lp.x, lp.y, lp.x + child.getMeasuredWidth(), lp.y + child.getMeasuredHeight());
    }
}

@Override protected boolean checkLayoutParams(ViewGroup.LayoutParams p) {
    return p instanceof LayoutParams;
}

@Override public LayoutParams generateDefaultLayoutParams() {
    return new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
}

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

@Override public LayoutParams generateLayoutParams(ViewGroup.LayoutParams p) {
    return new LayoutParams(p.width, p.height);
}

public static class LayoutParams extends ViewGroup.LayoutParams {
    public boolean breakLine;
    public int spacing = Integer.MAX_VALUE;

    private int x;
    private int y;

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

    public LayoutParams(Context context, AttributeSet attrs) {
        super(context, attrs);

        TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.FlowLayout_LayoutParams);
        try {
            spacing = a.getDimensionPixelSize(R.styleable.FlowLayout_LayoutParams_layout_spacing, Integer.MAX_VALUE);
            breakLine = a.getBoolean(R.styleable.FlowLayout_LayoutParams_layout_breakLine, false);
        } finally {
            a.recycle();
        }       
    }
}
}

我想达到这个效果:

enter image description here

而不是:

enter image description here

1 个答案:

答案 0 :(得分:0)

我想我明白了,这有点棘手,但这里或多或少都是你需要做的。在原始for循环中,跟踪您是否已进入新行。假设您调用此变量isOneLine并将其初始化为true,将currentWidth重置为0后立即将其设置为false。然后,在for循环之外:

if (isOneLine) {
  //There's always N + 1 padding "spaces"
  int paddingBetween = (widthSize - currentWidth)/(count + 1); 

  for (int i = 0; i < count; i++) {
    View child = getChildAt(i);
    LayoutParams lp = (LayoutParams) child.getLayoutParams();
    measureChild(child, widthMeasureSpec, heightMeasureSpec);

    int spacing = mHorizontalSpacing;
    if (lp.spacing != Integer.MAX_VALUE) {
        spacing = lp.spacing;
    }
    //Not sure exactly what spacing is here, but I assume you have to take it into account somewhere...
    lp.x = paddingBetween + currentWidth;
    lp.y = 0;

    currentWidth += child.getMeasuredWidth() + spacing + paddingBetween;
  }
}