Android根据文本最后一行的宽度 , 显示其他控件

需求

1.常见于聊天列表
2.样式如图:

当文本为单行且文本宽度小于最大可显示宽度的2/3时
时间戳显示与文本后部
当文本为多行时, 且最后一行文本宽度小于可显示宽度的2/3时
时间戳显示与最后一行后部
但时间戳的最后一行大于可显示宽度的2/3时
换行显示

探索

如何实现这样的功能
1.判断最后一行的宽度
2.准备不同位置的时间戳显示 , 默认隐藏
3.tv_content.getLayout().getLineWidth(tv_content.getLineCount() - 1);获取最后一行文本宽度
4.在adapter中对tv_content.post(run);
5.问题 : getLayout()方法在recycleView的复用机制里因为被回收会报空指针异常
6.取消复用(嵌套NestedScrollView并设置recycleView的android:nestedScrollingEnabled="false")
7.捡了芝麻丢了西瓜

改进

封装一个文本内容 , 在文本绘制完成后会调用onMeasure方法 , 在方法中添加回调 , 以此来通知列表文本显示完成

  @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        if (measureCallBack != null) {
            measureCallBack.measure();
        }
    }

全部代码

1.添加ChatContentView.class

public class ChatContentView extends android.support.v7.widget.AppCompatTextView {


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

    public ChatContentView(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public ChatContentView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initView(context, attrs, defStyleAttr);
    }

    private void initView(Context context, AttributeSet attrs, int defStyleAttr) {
        setMaxWidth(DensityUtil.dip2px(context, 214)); // 文本最宽显示宽度
        setTextSize(13);
        setTextColor(Color.parseColor("#ff0d0c0c"));
    }


    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        if (measureCallBack != null) {
            measureCallBack.measure();
        }
    }

    MeasureCallBack measureCallBack;

    public void setMeasureCallBack(MeasureCallBack measureCallBack) {
        this.measureCallBack = measureCallBack;
    }

    interface MeasureCallBack {
        void measure();
    }

}

2.布局中使用

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">

        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">
            <com.mvp.org.im.ChatContentView
                android:id="@+id/tv_content"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"></com.mvp.org.im.ChatContentView>
            <TextView
                android:id="@+id/tv_time1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="8dp"
                android:layout_marginTop="5dp"
                android:layout_toRightOf="@+id/tv_content"
                android:drawableLeft="@drawable/icon_message_lock"
                android:drawablePadding="4dp"
                android:gravity="center"
                android:text="下午06:03"
                android:textColor="#ffcfcfcf"
                android:textSize="10sp"
                android:visibility="gone" />
            <TextView
                android:id="@+id/tv_time2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignBottom="@+id/tv_content"
                android:layout_alignRight="@+id/tv_content"
                android:layout_marginLeft="8dp"
                android:layout_marginTop="5dp"
                android:drawableLeft="@drawable/icon_message_lock"
                android:visibility="gone"
                android:drawablePadding="4dp"
                android:gravity="center"
                android:text="下午06:03"
                android:textColor="#ffcfcfcf"
                android:textSize="10sp" />
            <TextView
                android:id="@+id/tv_time3"
                android:visibility="gone"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@+id/tv_content"
                android:layout_alignRight="@+id/tv_content"
                android:layout_marginLeft="8dp"
                android:layout_marginTop="5dp"
                android:drawableLeft="@drawable/icon_message_lock"
                android:drawablePadding="4dp"
                android:gravity="center"
                android:text="下午06:03"
                android:textColor="#ffcfcfcf"
                android:textSize="10sp" />
        </RelativeLayout>
</LinearLayout>

3.RecycleView的adapter中使用

					TextView tv_time1 = h.getView(R.id.tv_time1);
                    TextView tv_time2 = h.getView(R.id.tv_time2);
                    TextView tv_time3 = h.getView(R.id.tv_time3);
                    ChatContentView tv_content = h.getView(R.id.tv_content);
                    tv_content.setText(entity);
                    tv_content.setMeasureCallBack(() -> {
                        float width = tv_content.getLayout().getLineWidth(tv_content.getLineCount() - 1);
                        if (tv_content.getLineCount() <= 1 && width < DensityUtil.dip2px(context, 214) * 2 / 3) {
                            tv_time1.setVisibility(View.VISIBLE);
                            tv_time2.setVisibility(View.GONE);
                            tv_time3.setVisibility(View.GONE);
                        } else if (width < DensityUtil.dip2px(context, 214) * 2 / 3) {
                            tv_time2.setVisibility(View.VISIBLE);
                            tv_time1.setVisibility(View.GONE);
                            tv_time3.setVisibility(View.GONE);
                        } else {
                            tv_time3.setVisibility(View.VISIBLE);
                            tv_time2.setVisibility(View.GONE);
                            tv_time1.setVisibility(View.GONE);
                        }
                    });

注意

本文只是大致显示了时间戳位置的判断
如需精确,可在setMeasureCallBack回调中获取时间戳的宽度
如果时间戳的宽度+文本最后一行的宽度>文本的maxWidth