1. 1. 控制 LinearLayout 优先显示右边的布局,空间不足时挤压左边控件
    1. 1.1. RTL属性
    2. 1.2. Weight
    3. 1.3. 重写 measure

控制 LinearLayout 优先显示右边的布局,空间不足时挤压左边控件

本文是一种奇怪又常见的布局需求实现方案的记录。
具体需求长样子的:

  • 显示用户名和用户 ID
  • 整体宽度不能固定,要跟随内容变化
  • 空间不够的话优先显示ID,截取用户名过长部分显示为“…”
    抽象起来就是多个元素横向排列,在空间不足的小屏手机上,保证显示右边的元素,挤压左边的。

怎么实现呢?

好简单啊,一开始我是这样想,脑子里已经瞬间想好两个方法 —— RTL 属性, Weight 属性。然而真正实现的时候发现它们都有些小缺陷,最后两个都没采用,而是重写了 measure。过程颇费周折。

把这3种方法和对应的缺点记录在了本文,作为备忘。如果能顺便帮到你,那再好不过了。

RTL属性

简单来说,从 Android 4.2开始,Android SDK 支持一种从右到左(RTL,Right-to-Left)UI 布局的方式,尽管这种布局方式经常被使用在诸如阿拉伯语、希伯来语等环境中,中国用户很少使用。不过在某些特殊用途中还是很方便的…才怪!

很多机子不能很好地支持 RTL,无法得到一致的外观。启用 RTL 也有点麻烦的,而且在写很多布局属性如padding时都要注意做一些转换计算。关于RTL的详细介绍和使用点这里。

所以,RTL,扑街了。

Weight

LinearLayout 中的控件可以添加 layout_weight 属性。LinearLayout 在分配空间时会先分配没有设置 Weight 的元素,然后对当前剩余空间按Weight比例分配给设置了 Weight 的元素。

这个属性可以很好的应对那些内容会动态变化的布局结构。属于 Android 布局的基础,再具体的不在这里叙述。

至此一切都很顺利,问题出在把她放在 RecyclerView 中的时候,假如不固定 LinearLayout 的宽度(wrap_content),因为一些 View 重用的机制,notify adapter 时宽度偶尔会乱套。一些长的内容会误设到之前的短内容宽度的 LinearLayout 中。

如果是非列表布局,或者是可以确定 LinearLayout 宽度的情况下,Weight 属性其实非常好用。

但是很遗憾,这次 Weight,也扑街。

重写 measure

没办法,只能自己做点处理了。
仔细想想,LinearLayout 本来就是从左到右布局,空间不够时挤压右边,我们只要反过来就可以了。

那就先继承 LinearLayout:

1
public class RearFirstLinearlayout extends LinearLayout {}

调用父类的 onMeasure 方法以正常使用各种好用的 layout 属性,如 layout_gravity:

1
2
3
4
java
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}

然后在 Measure 的时候优先分配右边元素的空间:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
// 非横排和不开启RearFirst,则用系统默认measure
if (!isHorizon() || !isRearFirst) {
return;
}
int mWidth = MeasureSpec.getSize(widthMeasureSpec);//可用宽度
int mHeight = getMeasuredHeight();
int mCount = getChildCount();//子view数量
//计算预计总宽
int preComputeWidth = 0;
//临时记录位置
mLeft = 0;
mRight = 0;
mTop = 0;
mBottom = 0;

rest = mWidth;

for (int i = mCount - 1; i >= 0; i--) {//从后往前算
Log.i("measure-i:", "" + i);
final View child = getChildAt(i);
int spec = MeasureSpec.makeMeasureSpec(rest, MeasureSpec.AT_MOST);
child.measure(spec, MeasureSpec.UNSPECIFIED);
int childw = child.getMeasuredWidth();
int childh = child.getMeasuredHeight();
preComputeWidth += childw;

// 计算rest
mRight = getPositionRight(i, mCount, mWidth);
mLeft = mRight - childw;
mBottom = mTop + childh;
rest = mLeft;
}
//保存最终的测量结果
if (preComputeWidth<=mWidth){
setMeasuredDimension(preComputeWidth, mHeight);
}else {
setMeasuredDimension(mWidth, mHeight);
}
}

欧了。