Android自定义ViewGroup之WaterfallLayout（二）
33 浏览量
2021-01-20
09:15:31
上传
评论
收藏 160KB PDF 举报
Android自定义自定义ViewGroup之之WaterfallLayout（二）（二）
上一篇我们学习了自定义ViewGroup的基本步骤，并做了一个CustomGridLayout的实例，这篇我们继续来说说自定义
ViewGroup。
Android中当有大量照片需要展示的时候，我们可以用GridView作为照片墙，但是GridView太整齐了，有时候不规则也是一种
美，瀑布流模型就是这样一个不规则的展示墙，接下来我们尝试用自定义ViewGroup来实现瀑布流。
实现瀑布流的方式也有很多,下面我们一一道来：
一、继承一、继承ViewGroup
其实这种实现方式我们只需要在上篇博客的基础上稍作修改即可，主要修改这几个地方：
•LayoutParams
因为瀑布流中每张图片宽度设为相同，高度则会不同，不能通过top加上固定高度得到bottom，所以这里我干脆把四个参数都
定义上
public static class LayoutParams extends ViewGroup.LayoutParams {
public int left = 0;
public int top = 0;
public int right = 0;
public int bottom = 0;
public LayoutParams(Context arg0, AttributeSet arg1) {
super(arg0, arg1);
}
public LayoutParams(int arg0, int arg1) {
super(arg0, arg1);
}
public LayoutParams(android.view.ViewGroup.LayoutParams arg0) {
super(arg0);
}
}
•onMeasure
这里每个图片宽相同，高等比缩放，所以会导致WaterfallLayout的layout_height没有用。同时用一个数组top[colums]来记录每
列当前高度，以便下次添加图片的时候添加到高度最小的那一列。
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
int widthMode = MeasureSpec.getMode(widthMeasureSpec);
int sizeWidth = MeasureSpec.getSize(widthMeasureSpec);
measureChildren(widthMeasureSpec, heightMeasureSpec);
int childCount = this.getChildCount();
//宽布局为wrap_content时，childWidth取childView宽的最大值，否则动态计算
if (widthMode == MeasureSpec.AT_MOST) {
for (int i = 0; i < childCount; i++) {
View child = this.getChildAt(i);
childWidth = Math.max(childWidth, child.getMeasuredWidth());
}
} else if (widthMode == MeasureSpec.EXACTLY) {
childWidth = (sizeWidth - (colums - 1) * hSpace) / colums;
}
//自定义View的onMeasure、onLayout会执行两次，为了以后执行得到正确的结果
clearTop();
//遍历每个子view，将它们坐标保存在它们的LayoutParams中，为后面onLayout服务
for (int i = 0; i < childCount; i++) {
View child = this.getChildAt(i);
childHeight = child.getMeasuredHeight() * childWidth / child.getMeasuredWidth();
LayoutParams lParams = (LayoutParams) child.getLayoutParams();
int minColum = getMinHeightColum();
lParams.left = minColum * (childWidth + hSpace);
lParams.top = top[minColum];
lParams.right = lParams.left + childWidth;
lParams.bottom = lParams.top + childHeight;
top[minColum] += vSpace + childHeight;
}
//当宽为wrap_content时，计算出的viewGroup宽高
评论0