Android标签布局LaybelLayout大致思路总结

77 阅读 0 评论 51 点赞

我是靠谱客的博主快乐面包，最近开发中收集的这篇文章主要介绍Android标签布局LaybelLayout大致思路总结，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

项目请参考 LaybelLayout
在开发当中，我们或多或少的可能会用到一种类似于标签一样的布局，如下图所示。

在SDK自带的控件当中，我们很难实现这样一种效果。如果根据显示内容使用LinearLayout去动态生成的化，又显得很繁琐，而且很难移植到别的项目里去。于是就实现了这么一个布局Layout.

大致思路

一，子控件的测量和摆放
首先我们是直接继承了ViewGroup.众所周知，要自定义一个布局，必须要重写ViewGroup的onLayout()方法，在这个方法里面，对子控件进行布局的摆放。但是在摆放前，咱们得先给这些子控件进行一个测量，知道它们自己需要多大空间。所以在onMeasure()方法里面，对这些子控件进行测量。因为要支持 margin 外边界吧，所以 ViewGroup 最原始的那个 LayoutParams 就不能使用啦，咱们得用 MarginLayoutParams。下面给出测量思路：
1，先说说宽度问题，测出每个子控件的宽度，然后每个控件占的宽度是 自身宽度 + margin_left + margin_right.
2，每一行的高度就等于 自身高度 + margin_top + margin_bottom + line_padding × 2，其中 ‘line_padding’ 是我定义的一个属性
3，测量时候，如果发现有控件占领宽度加上LaybelLayout自 padding 大于了 LaybelLayout的宽度，则让它刚好等于 LaybelLayout宽度 - 左右padding
4，测量完成之后，遍历子控件，并且将它们的摆放信息存到ChildLayoutMsg这个内部类里面，这样在待会onLayout()里面只需要将信息提取出来，进行摆放就可以了。
5，记录摆放的信息，也就是记录每个子控件的 left, top, right, bottom.也是根据每一行的剩余宽度来判断，如果控件占的宽度加上父控件的padding大于了剩余宽度，则需要摆放到下一行
二，LaybelLayout本身的宽高配置
因为要实现wrap_content属性，这就需要得到本控件的最小宽高。需要知道最小宽度，则需要只知道LaybelLayout的父控件给LaybelLayout分配了多大空间。！= = 这就需要用MeasureSpec把本控件的宽高的mode取出，不知道mode干嘛用的请自行google
如果mode是EXACTLY，也就是LaybelLayout的父控件给定了宽度，这种情况就用默认的super.onMeasure(widthMeasureSpec, heightMeasureSpec)进行设置宽高就行了。现在主要应对不确定宽度的情况，也就是判断宽和高的mode不等于EXACTLY，把最小宽高通过setMeasuredDimension()设置进去。这里还有个问题，当最小宽高超过了LaybelLayout的父控件给的最大限度时，咋办呢，是不是又要去判断下？其实有个api帮我们实现了这个功能，我们只需要将最小宽高放进去，就会返回一个合适的宽高回来，就是使用resolveSize()了。
下面来看看resolveSize()都干了什么

public static int resolveSize(int size, int measureSpec) {
return resolveSizeAndState(size, measureSpec, 0) & MEASURED_SIZE_MASK;
}

发现它调用了resolveSizeAndState()，于是跟进去看看

public static int resolveSizeAndState(int size, int measureSpec,
int childMeasuredState) {
final int specMode = MeasureSpec.getMode(measureSpec);
final int specSize = MeasureSpec.getSize(measureSpec);
final int result;
switch (specMode) {
case MeasureSpec.AT_MOST:
if (specSize < size) {
result = specSize | MEASURED_STATE_TOO_SMALL;
} else {
result = size;
}
break;
case MeasureSpec.EXACTLY:
result = specSize;
break;
case MeasureSpec.UNSPECIFIED:
default:
result = size;
}
return result | (childMeasuredState & MEASURED_STATE_MASK);
}

第三个参数先不用管，这里用宽度来说明，传入了最小宽度和测量宽度的Spec。记住，这个最小宽度是与LaybelLayout的测量宽度有关的，把每一行的宽度进行比较，取最大的那个宽度作为本控件的最小宽度。虽然在本控件里面，最小宽度的计算方式已经处理了这个问题，但是任然用这个函数来包裹一层。可以看到，如果是父控件给定了确定宽度EXACTLY，则完全按照测量的宽度来作为本控件的宽度；如果父控件对本控件没有加以限制UNSPECIFIED，表示我这个控件需要多大，就得多大，大小完全自己决定，于是返回我传入的size（最小宽度）；如果父控件给定了个范围AT_MOST，则判断下，测量值和传入的size哪个小，就返回哪个，这样的好处就是，绝对不会超出父控件的范围。