Android进阶——或许是处理“More&click”型多行的TextView换行的最优雅的一种方式

引言

相信很多Android APP 开发者在处理TextView 换行的时候都曾头痛不已过，尤其是在做复杂布局的时候，适配的时候都踩过不少坑。笔者也踩过，直到在一次查看源码的时候发现了ViewTreeObserver，总算是实现了优雅的格式化多行文本，在使用一个控件的时候抽点时间了解下提供的公共方法，有时候可以避免很多不必要的坑。

一、ViewTreeObserver概述

ViewTreeObserver顾名思义就是视图树的观察者角色，可以监听视图树的全局变化，比如整棵树的布局，开始的绘画传递，触摸模式的改变等等，都提供了对应的八个监听接口(A view tree observer is used to register listeners that can be notified of global changes in the view tree)。ViewTreeObserver用来注册监听器，在视图树全局发生变化时收到通知。它不能被应用实例化，因为它是由视图提供，只能通过调用android.view.View的getViewTreeObserver()来获取对应的实例。



其实整个ViewTreeObserver机制从源码上看，本质上就是个观察者模式，那么主要的角色就有两种：

- ViewTree视图树——在Android中所有视图由View和View的子类组成。ViewGroup也是view的子类，它是View的容器，它可以装载View和ViewGroup。这样ViewGroup和View以树形结构一层一层的嵌套组合，就形成了视图树。

Observer观察者。使用了观察者的设计模式，ViewTree是被观察者（或者说是主题、内容），ViewTreeObserver是观察者，通过ViewTreeObserver注册监听来观察ViewTree的变化，当ViewTree发生变化，就会调用ViewTreeObserver的相关方法来通知其这一改变。我们可以在ViewTreeObserver中add自己的监听器，从而得到ViewTree的某一变化的通知做出自己的逻辑处理。

二、SpannableString和ClickableSpan概述

SpannableString和ClickableSpan本质上就是高级的String，具体可参见Android进阶——借助强大Span家族增添丰富的特效及格式化字符串。

三、实现思路

简单来说就是实现根据TextView要实现的字符串长度去动态适配。

通过ViewTreeObserver机制监听，TextView绘制之后，在OnGlobalLayoutListener中计算原始的字符串长度，当多行显示的时候，以第一行所显示字符的个数为行长。

判断最后一行的长度，并进行逻辑处理，添加“More”型字符串

以Span系为辅助实现点击，并开放接口

四、实现源码

核心源码

package com.crazyview.loadertest;

import android.graphics.Color;
import android.text.Spannable;
import android.text.SpannableString;
import android.text.TextPaint;
import android.text.method.LinkMovementMethod;
import android.text.style.ClickableSpan;
import android.view.View;
import android.view.ViewTreeObserver;
import android.widget.TextView;

/**
* Auther: Crazy.Mo
* DateTime: 2017/11/14 10:55
* Summary:
*/
public class FormatUtil {
/**
* @param textView 目标TextView
* @param moreStr   more型字符串，当显示不完全的时候显示替代字符串
* @param clickListener 点击的回调接口
*/
public static void getTextMaxEms(final TextView textView, final String moreStr,  final LinkClickListener clickListener){
final String contentStr=textView.getText().toString();
ViewTreeObserver viewTreeObserver=textView.getViewTreeObserver();
viewTreeObserver.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener(){

@Override
public void onGlobalLayout() {
if(textView.getTag()==null){
textView.setTag(textView.getText().toString());
}
String currentStr=textView.getText().toString();
ViewTreeObserver treeObserver=textView.getViewTreeObserver();
treeObserver.removeOnGlobalLayoutListener(this);
int lineCount=textView.getLineCount();
if(lineCount>1) {
//获取第一行的文本长度当做每行文本的长度
int lineLength = textView.getText().subSequence(textView.getLayout().getLineStart(0), textView.getLayout().getLineEnd(0)).toString().length();

//获取最后一行文本的长度
int lastLineLength = textView.getText().subSequence(textView.getLayout().getLineStart(textView.getLayout().getLineCount() - 1), textView.getLayout().getLineEnd(textView.getLayout().getLineCount() - 1)).toString().length();

if (lastLineLength >= lineLength - moreStr.length() - 2) {
currentStr = currentStr.substring(0, contentStr.length() - (lastLineLength - (lineLength - moreStr.length() - 5))) + "...";
}
final String finalStr = currentStr + moreStr;
SpannableString spanString = new SpannableString(finalStr);
ClickableSpan clickSpan = new ClickableSpan() {

@Override
public void onClick(View widget) {
clickListener.onLinkClick(contentStr);
}

@Override
public void updateDrawState(TextPaint ds) {
ds.setColor(ds.linkColor);
ds.setUnderlineText(true);
}
};
spanString.setSpan(clickSpan, currentStr.length(), finalStr.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
textView.setText(spanString);
textView.setLinkTextColor(Color.RED);
//必须添加这一段
textView.setMovementMethod(LinkMovementMethod.getInstance());
textView.setFocusable(false);
textView.setClickable(false);
textView.setLongClickable(false);
}
}
});
}
}

点击回调接口

package com.crazyview.loadertest;

/**
* Auther: Crazy.Mo
* DateTime: 2017/11/14 14:52
* Summary:
*/
public interface LinkClickListener {
void onLinkClick(Object object);
}

使用

package com.crazyview.loadertest;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.TextView;
import android.widget.Toast;

public class MultableTextActivity extends AppCompatActivity {
private TextView textOneline,textView,textMult,textlastLine;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_multable_text);
init();
}

private void init() {
textView= (TextView) findViewById(R.id.tv_single);
textView.setText("百世快递投递员于2017年10月14日下午四点左右");
FormatUtil.getTextMaxEms(textView, "查看详情", /*textView.getText().toString(),*/ new LinkClickListener() {
@Override
public void onLinkClick(Object object) {
Toast.makeText(MultableTextActivity.this,"查看详情Click"+(String)object,Toast.LENGTH_SHORT).show();
}
});

textOneline= (TextView) findViewById(R.id.tv_oneline);
textOneline.setText("百世快递投递员于2017年10月14日下午四点左右到我处成");
FormatUtil.getTextMaxEms(textOneline, "查看详情", /*textOneline.getText().toString(),*/ new LinkClickListener() {
@Override
public void onLinkClick(Object object) {
Toast.makeText(MultableTextActivity.this,"查看详情Click"+(String)object,Toast.LENGTH_SHORT).show();
}
});

textMult= (TextView) findViewById(R.id.tv_mutlline);
textMult.setText("百世快递投递员于2017年10月14日下午四点左右到我处成功揽件，直至今日2017年10月30日收件人还未收到包裹并且也无法在对方的网上查询到有关包裹的任何消息，曾经有一次去代办点领取包裹亲眼目睹包裹的胡乱抛放，于是在此期间多次联系对方客服，询问包裹情况，对方客服也数次明说24小时内会给一个反馈，由于时间久远只记得部分客服工号（LYWX035），但是24小时、48小时甚至72小时都无任何回复，由于此包裹所寄物品是从香港买回来的药，北京我家人急用已经严重延误了，恳请总局帮忙联系无耻百世快递，并请求赔偿原物品及1元精神损失。");
FormatUtil.getTextMaxEms(textMult, "查看详情", /*textMult.getText().toString(),*/ new LinkClickListener() {
@Override
public void onLinkClick(Object object) {
Toast.makeText(MultableTextActivity.this,"查看详情Click"+(String)object,Toast.LENGTH_SHORT).show();
}
});

textlastLine= (TextView) findViewById(R.id.tv_lastline);
textlastLine.setText("百世快递投递员于2017年10月14日下午四点左右到我处成功揽件，直至今日2017年10月30日收件人还未收到包裹并且也无法在对方的网上查询到有关包裹的任何消息，曾经有一次去代办点领取包裹亲眼目睹包裹的胡乱抛放，于是在此期间多次联系对方客服，询问包裹情况，对方客服也数次明说24小时内会给一个反馈，由于时间久远只记得部分客服工号（LYWX035），但是24小时、48小时甚至72小时都无任何回复，由于此包裹所寄物品是从香港买回来的药，北京我家人急用已经严重延误了，恳请总局帮忙联系无耻百世快递，并请");
FormatUtil.getTextMaxEms(textlastLine, "查看详情", /*textlastLine.getText().toString(),*/ new LinkClickListener() {
@Override
public void onLinkClick(Object object) {
Toast.makeText(MultableTextActivity.this,"查看详情Click"+(String)object,Toast.LENGTH_SHORT).show();
}
});
}
}

布局

<?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="match_parent"
android:orientation="vertical">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="显示文字长度不够一行时:"
android:textSize="16sp"
android:textStyle="bold"/>
<TextView
android:id="@+id/tv_single"
android:layout_width="match_parent"
android:layout_height="wrap_content"
/>

<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="显示文字长度刚好一行时:"
android:textSize="16sp"
android:textStyle="bold"/>
<TextView
android:id="@+id/tv_oneline"
android:layout_width="match_parent"
android:layout_height="wrap_content"
/>

<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="多行最后一行>=行长度减去more型再减去2"
android:textSize="16sp"
android:textStyle="bold"/>
<TextView
android:id="@+id/tv_mutlline"
android:layout_width="match_parent"
android:layout_height="wrap_content"
/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="多行最后一行小于行长度减去more型再减去2"
android:textSize="16sp"
android:textStyle="bold"/>
<TextView
android:id="@+id/tv_lastline"
android:layout_width="match_parent"
android:layout_height="wrap_content"
/>
</LinearLayout>