控制 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:

public class RearFirstLinearlayout extends LinearLayout {}

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

java
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        }

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

@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);
        }
    }

欧了。

---

2017.04.05 更新，补充FlexboxLayout方案。
Flexbox 是属于web前端领域CSS的一种布局方案，FlexboxLayout是Google出品的一款类似 Flexbox 的布局，主要解决各种UI比例划分的问题。可以看到里面简单的一个layout_flexShrink属性就可以解决问题。

layout_flexShrink 属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。
如果所有项目的 layout_flexShrink 属性都为1，当空间不足时，都将等比例缩小。如果一个项目的flex-shrink属性为0，其他项目都为1，则空间不足时，前者不缩小。

FlexboxLayout 很强大，这不过她的一个小功能。只是不想因为一个小问题就引个库进来，所以没采用。而且 FlexboxLayout 版本还没到1.0.0。

---

2017.04.05 2次更新，评论里提到的Android源码里面实现类似功能的EllipsizeLayout，也放上来吧。
思路类似，不过 EllipsizeLayout 实现得比较细致，还考虑了gone了的view等处理。

---

2018.06.12 补贴完整代码

import android.content.Context;
import android.content.res.TypedArray;
import android.util.AttributeSet;
import android.view.View;
import android.widget.LinearLayout;

/**
 * 横排（horizon）时优先显示后面(RearFirst)元素的Layout。
 * 使用方法，在xml中引入该布局，添加 rear_first 属性为true即可。
 * 关闭RearFirst则与一般LinearLayout表现一致。
 *
 * @author Ben
 */
// TODO: 2017/3/24 考虑多子view更好的处理
public class RearFirstLinearlayout extends LinearLayout {

    private boolean isRearFirst = false;
    private int rest;
    int mLeft, mRight, mTop, mBottom;

    public RearFirstLinearlayout(Context context) {
        this(context, null);
    }


    public RearFirstLinearlayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(context, attrs);
    }

    private void init(Context context, AttributeSet attrs) {
        // 获取属性
        if (null != attrs) {
            TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.RearFirstLinearlayout);
            isRearFirst = a.getBoolean(R.styleable.RearFirstLinearlayout_rear_first, false);
        }
    }

    @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--) {//从后往前算（因为要顺便计算position以备使用）
            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);
        }
    }

    private boolean isHorizon() {
        return getOrientation() == HORIZONTAL;
    }

    public int getPositionRight(int index, int count, int totalWidth) {
        if (index < count - 1) {
            return getPositionRight(index + 1, count, totalWidth) - getChildAt(index + 1).getMeasuredWidth();
        }
        return totalWidth - getPaddingRight();
    }
}