Android UI: 自定义控件：可换行的布局控件

文章目录
*

• 继承ViewGroup
• 重写onMeasure方法：计算并设置布局控件的高度
• 重写onLayout方法：计算并设置每个子控件的位置
• 具体的代码实现
• 小结

继承ViewGroup

重写generateLayoutParams，设置子控件的LayoutParams为MarginLayoutParams类型

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

重写onMeasure方法：计算并设置布局控件的高度

子控件的两种情况

第一种情况：所有子控件的宽度是一致且固定的，布局控件的宽度是固定，高度不确定

1.获取子控件的固定的宽高

measureChildWithMargins(childView, widthMeasureSpec, 0, heightMeasureSpec, 0);
int childWidth = child.getMeasuredWidth();
int childHeight = child.getMeasuredWidth();

注意：使用View.getMeasuredWidth/Height()需要确保使用之前，该View对象已经被measure过

2.获取布局控件的measured宽度

int width = MeasureSpec.getSize(widthMeasureSpec);

3.计算一行放置多少个子控件，根据子控件个数和布局控件的measured宽度确定布局控件的高度

setMeasuredDimension(width, height);

第二种情况：每个子控件的宽度都不固定，布局控件的宽度是固定，高度不确定

1.获取布局控件的measured宽度

int width = MeasureSpec.getSize(widthMeasureSpec);

2.遍历布局控件中所有子控件

1.获取每个子控件的宽度

measureChildWithMargins(child, widthMeasureSpec, 0, heightMeasureSpec, 0);
childWidth = child.getMeasuredWidth();
childHeight  = child.getMeasuredHeight();

2.累加子控件的宽度，判断是否当前子控件是否需要换行，需要换行，重新累加子控件的宽度，累加高度

3.遍历结束，设置布局控件的高度

setMeasuredDimension(width, height);

重写onLayout方法：计算并设置每个子控件的位置

遍历布局控件中所有子控件，计算设置每个子控件的位置childLeft, childTop

child.layout(childLeft , childTop,
        childLeft+childWidth, childTop+ childHeight);

具体的代码实现

​​​​​​​Android UI 代码实现:可换行的布局控件

小结